Как исправить верстку?

Question

[Максим Киктев]

Иногда слетает верстка :
css

.short {
    text-align: center;
    width: 31.33%;
    margin: 0 1% 40px 1%;
    float: left;
    position: relative;
}

Иногда в разных местах по разному слетает.

Answer 1

[Андрей Хохлов]

Это скорее всего из-за разной высоты блоков и особенностей float.

Сделайте их display: inline-block + vertical-align: top. Ну и родителю font-size: 0 чтобы убрать отступ между элементами из-за пробела.
А float: left уберите.

Comments

[Максим Киктев]

Попробую, спасибо!

Answer 2

[Артур Карапетян]

Верстали на bootstrap ?

Comments

[Максим Киктев]

нет

Answer 3

[Владимир Юрченков]

Советую воспользоваться flexbox'ом