Как сделать фон под текстом, что бы он был на всю длину содержимого? Сейчас такое решение:
.title_new {
background: #df2721;
color: #fff;
width: auto;
padding: 2px 7px;
display: inline-block;
}
a{
text-decoration: none;
}
<div class="title_main" style="position:absolute; bottom:50px;">
<a href="№" class="title_new">Lorem ipsum dolor sit amet.</a><br>
<a style="cursor: pointer;" href="№">
<span style="cursor: pointer;" class="title_new">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Perspiciatis quis harum quos optio dicta, dignissimos, doloribus illo autem ullam porro!</span>
</a></div>
надо что бы край фона не прижимался после переноса строки:
Частично решает проблему замена display: inline-block;
на display: inline;
но потом это выглядит так, что не есть красиво. Нужно что бы до и после текста сохранялись падинги в 7px;
Есть ли какое-то красивое решение данной задачи?
display: inline
, который автору не подходит