Делаю т.н. теги, и хочется, чтобы они были как полностью заполненные текстом блоки.
Если вложенный span однострочный, то родительский устанавливает достаточную ширину, а если многострочный, то ширина родительского становится 100%-й, при этом дочерний не расширяется
<span class="tag">
<span>Ожидает оплаты после получения</span>
</span>
.tag {
display: inline-block;
}
На фото синий выглядит не как нужно.
Подскажите, пожалуйста, можно ли что-то сделать? При этом максимальной ширины родителей я не могу предсказать.
p.s.
Нужно вот так:
