How to do horizontal division using html div and css tag

Question

I am trying to make two horizontal divisons using the <div> in html, but I could not do it. Can someone help me do horizontal division using html and css with <div> tags?

Answer 1

Set the float property for each div to match, for example, left , to each of them, so that each of them is large enough so that the parent element contains them.

Demo

Answer 2

 <div id="firstDivistion" class="division"></div> <div id="secondDivistion" class="division"></div> .division{ width:50%; height:100px; float:left; } 

Answer 3

 `<div style='float:left'>stuffs</div> <div style='float:right'>stuffs</div> <div style='clear:both'></div>` 

Works well in every case and is respected in many places ...