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