Как сделать горизонтальное деление, используя HTML-теги Div и CSS

Question

Я пытаюсь сделать два горизонтальных деления, используя тег <div> в html, но я не смог этого сделать. Может кто-нибудь помочь мне сделать горизонтальное деление с использованием HTML и CSS с <div> тегами?

Answer 1

<div id="firstDivistion" class="division"></div>
<div id="secondDivistion" class="division"></div>


.division{
  width:50%;
  height:100px;
  float:left;
}

Answer 2

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

Хорошо работает во всех случаях и соблюдается во многих местах ...

Answer 3

Установите свойство float для каждого div, к которому нужно сопоставить, например, left каждому, дайте каждому из них достаточную ширину, чтобы родительский элемент содержал их.

DEMO