Почему мой родительский элемент завершает последнее слово? (плавный элемент внутри) ⇐ CSS

[Anonymous]

Я имею 3 плавающего [*] , без определения ширины (адаптивная дизайн). Inside each , I have a floated icon + information on the right.


As you can see, the word "route" wrap under, even if the element have more than enough space on the right (The red rectangle shows the «Контейнер» )
Вот HTML (очищен) + CSS:

Код: Выделить всё

        

[list]


VICTORIAVILLE

819 357-2494

[*]

DRUMMONDVILLE

819 479-8008

[*]

Service routier 24 H

Camion lourd, agricole et hors route

[/list]

Other things here...


< /code>
css: < /p>
ul.quick-infos li {
float:left;
margin-right:3em;
}

Плаваемые значки генерируются через Font-Castey, и у них есть класс .pull-left , которые делают их плаванием. Если я удаляю .pull-left , работает правильно. /> Спасибо! < /p>

Подробнее здесь: https://stackoverflow.com/questions/358 ... ent-inside