how to center an inline div using css?

css html center
Mihai Om picture Mihai Om · Sep 6, 2010 · Viewed 81.7k times · Source

How can I center an inline div (not its content) using css?

VERY IMPORTANT: the width of the div is unknown (I can not specify it)

Answer

Moin Zaman picture Moin Zaman · Sep 6, 2010

If by inline you mean, its CSS display property is set to inline then you can center it by giving the immediate parent container a text-align:center

If you mean a div within another div, you can follow this approach if you can add a wrapper and float both:

How to horizontally center a floating element of a variable width?

Related questions

How to align a <div> to the middle (horizontally/width) of the page

I have a div tag with width set to 800 pixels. When the browser width is greater than 800 pixels, it shouldn't stretch the div, but it should bring it to the middle of the page.

Read More
How to position a div in the middle of the screen when the page is bigger than the screen

Hi I'm using something similiar to the following to get a div positioned in the middle of the screen: <style type="text/css"> #mydiv { position:absolute; top: 50%; left: 50%; width:30em; height:18em; margin-top: -9em; /*set to a …

Read More
How to vertically center a <span> inside a div?

The code: <div id="theMainDiv" style=" border:solid 1px gray; cursor:text; width:400px; padding:0px;" > <span id="tag1_outer" style=" background:#e2e6f0; padding-right:4px; padding-left:4px; border:solid 1px #9daccc; font:normal 11px arial; …

Read More