[Solved] How to Center Varying Text Width in Div in Div

[sanclementejoe]

How can I center my text in it’s own div within a parent div. I’m working with a product slider where the text width is of varying length, so the standard left: 50%; margin-left:-150px; for example doesn’t exactly work.

I have both text-aligns set to center for the text div and it’s parent div. I current set the div to align-left at 40% to get it kind of close, but I don’t know how to center the text of varying lengths.

On this page, the product carousel/slider at the bottom is the item in question: http://www.coastalrepro.com/home-with-carousel-test/

Thanks!

[Senff]

If you remove the width (so that it’s full width), and the left-position (so that it’s positioned all the way to the left) of .rsGCaption, then it should be centered with the image above it.

[sanclementejoe]

Thanks @Senff, it worked beautifully!

[Author]

Posts