Сбросить ширину от дочернего элемента, когда родительский 100%?

Question

Я использую основу в качестве базового шаблона для своего сайта. Теперь у меня есть элемент span внутри многих div.

Родительский элемент - это div с шириной: 100%,, что мне нужно, но диапазон имеет текст сейчас, с цветом фона.

Поэтому я просто хочу, чтобы ширина ширины полосы изменялась по тексту, а не родительским элементом . Как это сделать?

width: initial or auto не работает.

EDIT:

CSS выглядит следующим образом:

span.error, small.error { 
    background: #B86566; 
    margin: 0px 10px 10px 10px; 
    padding: 0.375rem 0.375rem 0.375rem; 
    text-align: left; 
} 

HTML:

<span ng-if="method_here" class="error"> 
<span class="arrow_up"></span> 
    {{validation_message}} 
</span> 

Все это находится внутри DIV, который имеет ширину: 100%.

Answer 1

Установите диапазон до display: inline-block;.