user6483684 user6483684 - 5 months ago 8
CSS Question

align multiple divs css

I would like to know how I can align multiple divs in a set possision I woild like container1 to be on the left, container to be in the center, container 3 to be on the right all nect to each other. and lastly I want container2 to be below container in the center bottom. please help if you don't understand please ask



<div class="container1" style="border-width:1px; float: left; border-style:solid; width:350px; height:500px; z-index:1; visibility:; background-color: lightgrey;visibility:;">


container1

</div>

<center>
<div class="container" style="background-color:lightgrey; border-width:1px; border-style:solid; width:500px; height:500px; z-index:1; visibility:; float: center; visibility:; background-color: lightgrey;visibility:;">

container
</div>
</center>

<div class="container3" style="border-width:1px; float: right; border-style:solid; width:350px; height:500px; z-index:1; visibility:; background-color: lightgrey;visibility:;">

container3
</div>
<div class="container2" style="border-width:1px; float: bott; border-style:solid; width:500px; height:100px; z-index:1; visibility:; background-color: lightgrey;visibility:;">

container 2
</div>
‚Äč




Answer

write css for .container1, .container & .container3 as "float: left". .container2 should not have any type float