Почему список в списке не флоатиться?

Question

[Frel]

Есть список, он float:left;, в нем же есть вложенный список (социальные иконки в нем) я его делаю флоат лефт;, но он не флоатится, почему?
код

Answer 1

[Сергей delphinpro]

О существовании dev-tools в браузере знаете?

Comments

[Frel]

У меня флоаты показываются, но не работают!

[Сергей delphinpro]

Frel: Я красную стрелку даже нарисовал на скрине =))

[Сергей delphinpro]

Если непонятно, стрелка указывает на свойство width

[Frel]

Сергей: А почему так происходит? И как сделать, чтобы ширина была?

[Frel]

Сергей: обернуть содержание ли в див и этому диву добавить ширину?

[Сергей delphinpro]

Frel: Ширина и так есть. Нужно чтобы ее не было.
Всё же видно в инспекторе... Ширина задана для селектора .team_list li. Вы хотели задать ширину для больших li, но этот селектор действует на все вложенные li
Напишите .team_list > li

[Сергей delphinpro]

Frel: А лучше каждому li дайте класс и назначайте стили этому классу. И у вас не будет никаких проблем

<ul class="team_list">
  <li class="team_item"> ...
  <li class="team_item"> ...
</ul>

[Frel]

Сергей: ясненько, спасибо!!!