Поворотный стол в DIV

Question

этот код, я хочу, чтобы включить в DIV, пытаясь получить контент для отображения бок о бок, но в DIV:

<table class="style1"> 
     <tr> 
      <td class="style2">content left</td> 
      <td class="style5">content right</td> 
     </tr> 
     </table> 

Answer 1

Один из способов сделать это для макета жидкости является используйте плавающие элементы, завернутые в контейнер.

<div class="style1"> 
    <div class="style2">Left</div> 
    <div class="style5">Right</div> 
</div> 

Предполагая, что подобный тег суп и расположение жидкости, CSS следующим образом:

.style1 { overflow:auto; position:relative; } 
.style2 { float:left; } 
.style5 { float:right; } 

Или, если вы хотите их к сетке вместе, сделать оба элемента float:left;

Answer 2

Ансвер Алан Кель мяч правильно, но вы также можете использовать «дисплей: таблица-ячейка»

More info about display you can find here!