1

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

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

5
  • hr - блочный элемент и занимает всю строку.
    – Quazimorda
    6 мая 2021 в 10:52
  • а запихнуть в таблицу/пару дивов?
    – KoVadim
    6 мая 2021 в 10:53
  • jsfiddle.net/nbh1ws39/13 Вот моё предложение, если я правильно понял вопрос.
    – Max Watson
    6 мая 2021 в 11:22
  • @Sevastopol' Согласен, мне так же не понятно. hr уже старый век. Если это элементы декора я бы вешал на псевдо элементы.
    – Max Watson
    6 мая 2021 в 11:55
  • hr - это не старый век. Это нормальный элемент с понятной семантикой. Меня всегда пугают верстальщики, которые пытаются его сверстать на дивах.
    – KoVadim
    6 мая 2021 в 12:21

1 ответ 1

2

так?

.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>

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.