Как сделать такую рамку?

Question

[vladimir_html]

Можно конечно просто абсолютными дивами зафигачить, но это по-варварски.
Как-то с before, after?

Comments

[Данакт Фрост]

Чем будут отличаться абсолютные дивы от абсолютных before и after?

[vladimir_html]

Данакт Фрост, разметку засорять не хочется

[SuperToster]

Например так: https://jsfiddle.net/59Lvcuek/

Answer 1

[0xD34F]

Так?

Comments

[Сергей delphinpro]

Зачем абсолюты здесь. Конечно, по макету может быть и абсолют лучше будет, но в общем случае достаточно этого

.aaa {
  font-size: 40px;
}
.aaa:before,
.aaa:after {
  content: "";
  display: block;
  margin: 0.4em auto;
  width: 40%;
  height: 3px;
  background: red;
}

[Дмитрий Гаджиев]

просто и красиво!

Answer 2

[Андрей Федоров]

https://codepen.io/aliencash/pen/zEdKzV?editors=1100