Как сделать три блока одинаковой высоты в css с отступами?

@lamar 

Если вы хотите создать три блока одинаковой высоты со смещением, вы можете использовать flexbox в CSS. Вот пример кода для достижения этого:

HTML:

1
2
3
4
5

<div class="container">
  <div class="block">Блок 1</div>
  <div class="block">Блок 2</div>
  <div class="block">Блок 3</div>
</div>

CSS:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10

.container {
  display: flex;
}

.block {
  flex: 1;
  margin: 10px;
  background-color: lightgray;
  border: 1px solid gray;
}

В этом примере контейнеру .container задается свойство display: flex;, чтобы расположить блоки внутри него в одну линию. Затем каждому блоку .block задается свойство flex: 1;, чтобы блоки равномерно распределялись по контейнеру. Свойство margin: 10px; добавляет отступы 10 пикселей к блокам. Можете изменить размер отступов по своему усмотрению.