aligh div in center position and it was contain two div both are flot in left

saiskarur

hai i am satheesh i am a student,

actually i was make a one web page, here it contain one parent div, and the parent div contain three div,

how can i align center for the children div

code are follow:

Expand|Select|Wrap|Line Numbers

 
<div style="width:100%; height:100%; background:#99FFCC; margin:auto;" align="center" >

    <div style="background-color:#999999;">

      <div style="background-color:#FF0000; width:400px; height:100px; float:left;">children div 1</div>

      <div style="background-color:#FF0000; width:400px; height:100px;float:left;">children div 2</div>

      <div style="background-color:#FF0000; width:400px; height:100px;float:left;">children div 3</div>

    </div>

</div>

but i expect for the child div in flot:left, because all div in single row

please any body help me sir !!!!!!!!!!!!!!!!!

TheServant

There is only one legitimate way to center divs on the web and that's using:

Expand|Select|Wrap|Line Numbers

margin: 0 auto;

. Now the other issue is that requires your parent dive to be given a width. So in your second level div, with the background-color: #999999, add in:

Expand|Select|Wrap|Line Numbers

 display: block;

margin: 0 auto;

width: 800px;

And then go from there. Welcome to Bytes.

aligh div in center position and it was contain two div both are flot in left

re: aligh div in center position and it was contain two div both are flot in left

Similar HTML / CSS bytes

/bytes/development

/bytes/it

/bytes/about