Как выстроить блоки в ряд CSS

Для выстраивания блоков в ряд можно использовать свойство display со значением inline-block. Например:

HTML:

<div class="block"></div>
<div class="block"></div>
<div class="block"></div>

CSS:

.block {
  display: inline-block;
}

Также можно использовать свойство float. Например:

HTML:

<div class="block"></div>
<div class="block"></div>
<div class="block"></div>

CSS:

.block {
  float: left;
}

Оба варианта позволяют выстраивать блоки в ряд без использования таблиц.