Странное поведение css, почему последние блоки списка пользователей игнорируют заданные свойства?

Question

[Павел Никитин]

Список пользователей выравнивается следующим образом:

.ul {
    text-align: justify;
}
.ul li {
    position: relative;
    display: inline-block;
    width: 32%;
    background-color: #eee;
    margin: 0 0 2% 0;
}

Крайние два блока li прижимаются влево, подскажите почему так происходит?

Answer 1

[Алексей Зуев]

ul:after {
    content: "";
    display: inline-block;
    width: 100%;
}

Последняя строка не попадает в поле зрения justify, так как он работает только для целиком заполненных строк, а в последней строке пробелы всегда остаются своего обычного размера.

Comments

[Павел Никитин]

Спасибо за оперативную помощь!