My code is structured like this:
<li><a title="Egypt" href="#egypt" style="text-indent:0px;padding-left: -25cm;">Egypt</a></li>
text-indent: 0px to the
li instead of the
a like in the below snippet.
text-indent property applies only to block containers.
li is a block container whereas the
a is not and hence setting it on
a has no effect.
Also, this property is an inherited property and that is the reason why the
li gets 40px as value from
article. You'd notice this if you inspect the
li and have a look at the "Computed" styles section.
<article style="font-size:16px;text-indent:40px;line-height:1.5em;"> <p> Goal of this page is to laconically detail where I, <strong>Georgios Samaras</strong> have travelled, since I am asked again and again and usually I forgot some places. </p> <p> I will list (in random order) were I have been to and say some more about the non-Greek places I have been after 2012. It's also good to write down the memories... :) <ul> <li style="text-indent: 0px;"><a title="Egypt" href="#egypt">Egypt</a> </li> </ul> </article>