Как изменить длину обводки не изменяя ширины заголовка?

Question

[Даня Квинов]

Можно ли сделать так, чтобы обводка не выходила за пределы текста, не меняя ширины блока? Нужно чтобы обводка была только в пределах текста. https://codepen.io/anon/pen/zyPOeo

Comments

[Johny Smith]

где ваш код?

[Даня Квинов]

Olek1, а зачем в этом вопросе - код?

[Даня Квинов]

Olek1, https://codepen.io/anon/pen/zyPOeo

Answer 1

[Iovan]

Вынеси заголовок и "обводку" в разные дивы и будет счастье
и еб*ни в css на div с "обводкой"
width: 20%

Answer 2

[BigSmoke]

Вот так можно. Код.

.two_title p {
    display: inline-block;
    color: #222222;
    font-family:Raleway, sans-serif;
    font-size:213%;
    font-weight:bold;
    background-color: #FEFEFE;
    margin-left: 50%;
    transform: translate(-50%, 0);
  }
p:after {
    content: '';
    display: block;
    border-bottom: 2px solid black;
}

Comments

[Даня Квинов]

В вашем способе ставиться две обводки. Посмотрите

[BigSmoke]

Что у вас там куда налезло я не знаю.
А обводки естественно будут добавляться к каждому тэгу p.
Если вам это не нужно, то пишите стили не для тега, а для класса (пример).

Answer 3

[Игорь Трофимук]

Если эта "обводка" только для подчёркивания текста, то проще использовать другой шрифт!

Или же:
<ins> НЕМНОГО ОБО МНЕ </ins>