Как выстроить блоки в ряд 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;
}

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

реклама

Качественный хостинг сайтов

реклама

Получите консультацию нашего маркетолога

Изучит ваш проект, подберет подходящие услуги и тарифы

Получите бесплатный аудит

Наш специалист сделает базовый аудит вашего проекта и предложит персональные предложения.

Закажите услугу Как выстроить блоки в ряд CSS

Наш специалист свяжется с вами в ближайшее время и уточнит детали