Как бы Вы сверстали вот такой блок?

Question

[Артём Цымбалюк]

Здравствуйте, интересно как бы Вы сверстали вот такой блок
А именно интересует красная 1px линия
Можно вырезать её как картинку, и просто вставлять бэкграундом для блока + создать ещё один блок для текста и просто его сместить

Но блин эта линия дальше на странице в ширину разная, не вырезать же постоянно её и не клеить как бэкграунд к блоку?
Ваши советы, пожалуйста

Answer 1

[GreatRash]

codepen.io/anon/pen/dMBeoa

Comments

[Михаил Дудар]

Элегантное решение )

Answer 2

[Nikolay Talanov]

Бордер топ и лефт для блока
:before:after для линий снизу и справа.
Ну или еще миллион вариантов.

Answer 3

[HamSter]

рамку фоном сделать и не париться, слишком много тратить времени на такое - не разумно

Но если уже очень сильно хочется, то псевдоэлементами с позиционированием, не сложно, но не стоит того, как по мне