Centering floated divs with fluid widths
I have the following divs on a page which contain products for sale:
Container div. Centered on screen with 750px width. Div with image (450px) floated left. Div with text (fluid width to allow for text overflow) floated left.
I would like the divs centered within the container, but cannot specify a pixel width for the text div as some pages have more text than others.
What's the best way to go abo开发者_运维技巧ut this?
Thanks Gary
In general, the procedure for centering block-level elements (like divs) is to set margin:0 auto, but you'll never get anything to center that has been floated. We need more information about the specific effect you're trying to achieve: do you need the entire div to center, or will just the contents of the div do? If the former, you'll need to set a hard width on the div, or it will expand to fill the entire width of its container. The only way to prevent this is with a float, which is out because you want it centered. If it's the latter, then you can just set text-align:center on your div and everything inside it will be centered.
精彩评论