GDS:
Thank you for the reply.
> Any reason why you can't change your CSS to
> #left, #middle, #right {text-align: center;}
> Then everything is centered to it's respective container div.
Actually, I tried this, and it doesn't work for me. I'm trying to
center the text under each image, and the images are 185px in width.
The above css centers the text on the div, which is 320px.
> otherwise to shift left and right to the outside edges, you have to go to
> nested divs such as:
> <div id="left" class="span-8">
> <div class="inner"><img src="images/one.jpg">
> <p>caption text1</p></div>
> </div>
>
> <div id="middle" class="span-8">
> <div class="inner"><img src="images/two.jpg">
> <p>caption text2</p></div>
> </div>
>
> <div id="right" class="span-8 last">
> <div class="inner"><img src="images/three.jpg">
> <p>caption text3</p></div>
> </div>
>
> <div class="clearfix"></div>
>
> #left .inner{float: left; text-align: center}
> #middle .inner{text-align: center}
> #right .inner{float: right; text-align: center}
I had a working variation of what you have written above, but thought
there might be an easier way.
Thanks again,
cjl
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"Blueprint CSS" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to
[email protected]
For more options, visit this group at
http://groups.google.com/group/blueprintcss?hl=en
-~----------~----~----~----~------~----~------~--~---
