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:

<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:

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:

display: block;
margin: 0 auto;
width: 800px;

And then go from there. Welcome to Bytes.