HTML таблицы не появляются рядом друг с другом, но вертикально друг над другом

Question

Что может привести к тому, что следующий код сложит таблицы друг над другом? Я пользуюсь без перерыва?

<div id="wrapper">

<table>
<tr>yo</tr>
</table>
<table style="float:right;"><tr>yo</tr></table>

</div>

Answer 1

<div id="wrapper">
 <table>
  <tr>
   <td>
    <table>
     <tr><td>yo</td></tr>
    </table>
   </td>
   <td>
    <table style="float:right;">
     <tr>
      <td>yo</td>
     </tr>
    </table>
   </td>
  </tr>
 </table>
</div>

Answer 2

попробуйте это

<table style="float:left;">
<tr>yo</tr>
</table>


<table style="float:right;">
<tr>yo</tr>
</table>

</div>

Answer 3

Без действительного td Я не удивлен, что происходят странные вещи.

Попробуйте:

<table>
  <tr>
    <td>yo</td>
  </tr>
</table>

и проверьте, что происходит.

Answer 4

Сначала поместите таблицу, которую хотите плавать, а слева появится вторая таблица.

Answer 5

Плавающий элемент имеет два эффекта:

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

Поскольку таблица first не плавает, вторая таблица не может всплыть рядом с ней.

Answer 6

Когда вы перемещаете элемент, он влияет только на все элементы, которые приходят после .

Попробуйте вместо первой / задать также float:left для первой таблицы.