Как сверстать такой блок?

Question

[DrunkMaster]

Как лучше и правильнее верстать такой блок без бутстрапа?
Обязательно ли внутренние 2 блока оборачивать в дополнительный DIV в котором их разносить по левому и правому краю? Если нет, то как выровнять по центру одновременно 2 блока?

Comments

[DrunkMaster]

Денис Ефремов, т.е. кнопки это inline-block но их не 2 блока на самом деле а 3, и один в середине невидимый?

[DrunkMaster]

Денис Ефремов, благодарю за пример, тка я просто ж уточнил к примеру ;)

Answer 1

[0xD34F]

<div class="wrapper">
  <div class="item"></div>
  <div class="item"></div>
</div>

.wrapper {
  display: flex;
  justify-content: space-evenly;
  border: 1px solid black;
  height: 200px;
}

.wrapper .item {
  border: 1px solid black;
  width: 40%;
  height: 20%;
  position: relative;
  top: 70%;
}

Comments

[ⓒⓢⓢ]

DrunkMaster Лучше "justify-content: space-around;" более кроссбраузерно