- Feb 23, 2006
- 18,526
- 4,150
Definitely helps.
I added:
Code:div ** text-align: justify; text-justify: inter-word; } div.article-content p ** margin-right: 26%; }
To make the preview text for the articles below the headline article justified, and not so close to the images. [I've never messed with CSS before, which may be obvious, but this did what I wanted it to do.]
Edit: Yeah, this was clearly not the best way to do that. If you have any suggestions, I'm all ears.
I like the second change, but the first one is too generic of a selector (div). It will affect every DIV element on the site resulting in things like:
http://i.imgur.com/DN5wpfo.png
Always try to target by class/ID or at the very least by DOM. The latter means you specify the elements preceding your target one like this to only target the element you want:
div.headline > div.article-content **
text-align: justify;
}
The above means only DIV elements with class "article-content" that are immediate children of DIV elements with class "headline" will have the CSS applied.