Monday, January 19, 2009

Lifehacker link indentation

I'm a big fan of CSS styling on the Lifehacker site. The source links they post at the bottom of article are indented slightly, so I took a look at the CSS. I found this by first highlighting one of these links and the text around it, then right-clicking and selecting "View Selection Source". Then I was able to see that the link was contained within a DIV ID called "related".

To view the CSS, I used the keyboard shortcut Shift + Command + C to view all of the CSS styles in the Firefox Web Developer [Toolbar] Extension.

Here's the CSS style:

div.related { margin: 0 0 20px 20px; }

The left margin of 20 pixels creates the indentation formatting.

No comments:

Post a Comment

Only comments in English will be considered. Thank you!