Не могу понять поведение css, свойство Inline-block?

Question

Ivan Komarov @FreeTibet

dharma supplier

Привет олл.

Подскажите, почему в нижеследующем коде пятый элемент li переносится на другую строку.

HTML

<ul>
<li>1</li>
<li>1</li>
<li>1</li>
<li>1</li>
<li>1</li>
</ul>

CSS

ul {
  width: 100%;
 }
 ul li {
   width: 20%;
   display: inline-block;
 }

Комментировать

Подписаться 1 Простой Комментировать

Answer 1 · 2017-10-11 15:37:16

Олег @ovvivus

Добавьте uldisplay: inline-block и lifloat: left

https://codepen.io/ovvivus/pen/yzEpEB