Как расположить блок div и таблицу на одной линии по горизонтали?

Question

[mosikus]

Подскажите, допустим, мне нужно расположить блок div с текстом и таблицу на одной линии по горизонтали. Как это правильно сделать ?

<div>Text</div>
<table><tbody>
    <tr class="white">
        <td></td>
     </tr>
    <tr class="blue">
        <td></td>
     </tr>
    <tr class="red">
        <td></td>
     </tr>
</tbody></table>

td {border: 0.1px solid black}
table {width: 26px; height: 16px; border-collapse: collapse;}
tr.white { background: white}
tr.blue { background: #2168cc}
tr.red { background: #d90000}

Answer 1

[Антон]

https://jsfiddle.net/qe1rfsdm/

Comments

[mosikus]

А, как между ними отступ сделать ?

[Антон]

durak22212,

<div class="text">Text</div>
.text { margin-right: 20px; }