DanyaQ
@DanyaQ
Entry web developer

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

Можно ли сделать так, чтобы обводка не выходила за пределы текста, не меняя ширины блока? Нужно чтобы обводка была только в пределах текста. https://codepen.io/anon/pen/zyPOeo
5c28665028c32923301921.png
  • Вопрос задан
  • 113 просмотров
Пригласить эксперта
Ответы на вопрос 4
tv_dakota
@tv_dakota
Backend developer
Вынеси заголовок и "обводку" в разные дивы и будет счастье
и еб*ни в css на div с "обводкой"
width: 20%
Ответ написан
@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;
}
Ответ написан
Splinter_1g
@Splinter_1g
.NET Core, VueJS
Пример с указанием width как max-content (не поддерживается IE): jsfiddle.net/szm7gyuq
Пример с display:inline-block и тега br (ширина окна все еще важна): jsfiddle.net/szm7gyuq/1
Ответ написан
Если эта "обводка" только для подчёркивания текста, то проще использовать другой шрифт!

Или же:
<ins> НЕМНОГО ОБО МНЕ </ins>
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы