Как расположить два тега
на одном уровне?

Автор вопроса: pentaoff

Нужно чтобы слева и справа были теги <hr>, но их постоянно кидает друг под друга.

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

Источник

Ответы (1 шт):

Автор решения: Инквизитор

так?

.container {
  display: flex;
  align-items: center;
}

hr {
  width: 33%;
  height: 0;
}

.text {
  width: 33%;
  background: pink;
  padding: 1em;
  text-align: center;
  margin: 1em;
}

<div class="container">
  <hr/>
  <div class="text">some text</div>
  <hr/>
</div>

→ Ссылка