Адаптивная линия

@Graduater · Регистрация: 29.03.2016

Здравствуйте! Подскажите,пожалуйста,как сделать адаптивную линию,которая подстраивается под размер текста(на картинке линия длиннее текста)?

HTML:

HTML5

1 2	<div class="line">Снизу должна быть линия <hr width="295" color="olive" size="3" align="left"> </div>

CSS:

CSS

1	.line {font-family: Verdana; color: #CC0000; font-size: 20px;}

@AlexZaw · 04.10.2017, 22:11

возможно вот так подойдет:

HTML5

1 2	<div class="line">Снизу должна быть линия </div>

CSS

.line {font-family: Verdana;
color: #CC0000;
font-size: 20px;
border-bottom:3px solid olive;
display:inline}

можно добавить нижний паддинг для того, чтобы опустить линию пониже

	04.10.2017, 22:11