Jump to content
Sign in to follow this  
phdphd

Adjust Div Width To Content, And Center It Horizontally On Top Of Another Div

Recommended Posts

Hi All,

 

Sorry if the title is not explicit enough. I have made a fiddle about my issue.

 

http://jsfiddle.net/pggkfdkw/1/

 

I would like to adjust the div width (red rectangle) to its contents, while still keeping the text centered.

 

Thanks !

 

Share this post


Link to post
Share on other sites

DIVs are block elements by default and will expand their widths to their containers automatically. Give the text centering to its container and make the DIV be either inline or inline-block.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  

×

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.