@DanyaQ
Entry web developer

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

Можно ли сделать так, чтобы обводка не выходила за пределы текста, не меняя ширины блока? Нужно чтобы обводка была только в пределах текста. https://codepen.io/anon/pen/zyPOeo
5c28665028c32923301921.png
  • Вопрос задан
  • 97 просмотров
Пригласить эксперта
Ответы на вопрос 4
tv_dakota
@tv_dakota
Backend Node.js 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>
Ответ написан
Ваш ответ на вопрос

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

Войти через TM ID
Похожие вопросы
Blogman Оренбург
от 20 000 до 60 000 руб.
от 56 000 до 56 000 руб.
Sveak Барнаул
от 50 000 руб.