Как сделать короткую линию?

Question

[Дмитрий]

Доброго времени суток, подскажите пожалуйста, как сделать такую линию?

Answer 1

[Антон Шопин]

Как вариант.

h2 {
  position: relative;
}
h2:after {
  width: 100px;
  height: 1px;
  background: #085077;
  display: block;
  content: " ";
  position: absolute;
  left: 50%;
  margin-left: -50px;
  bottom: -30px;
}

Либо добавить снизу текста span ну или что-то в этом роде и его уже редактировать, но лучше через :after / :before

Answer 2

[Dymok]

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

Answer 3

[Александр]

Через псевдоэлемент after напрмер