Re: [css-d] centering contents on a div horizontally - text-align center or not ?

[Georg]

On 22.05.2012 08:58, mem wrote:
So, using text-align center as I did:
#bottom-left-column,
#bottom-middle-column,
#bottom-right-column {
    float:left;
    width:33%;
    text-align:center; /*center inline contents and text on those boxes*/
}

Is perfectly valid. We can do it, if we understand what we are centering, what 
we wish to center, and the nested effects that has.


Is this ok ?

Yes. Perfectly.

And, as example, say you want the odd centered image in a paragraph with 
left- or right-aligned text, you may markup and style it something like 
this...

<p>Some left-aligned text above&#8230; <img class="tac" src="..." alt="" 
/> &#8230; and below a centered image.</p>

p {text-align: left;}

p img.tac {display: block; margin: .4em auto;}

...and the now "block-level styled" image will split the text vertically 
and stay centered in the paragraph.

regards
        Georg
______________________________________________________________________
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/