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

Question

[kasajir]

Почему не получается отцентрировать блок container или preClient? https://codepen.io/gififi/pen/gXJgyq . Везде, где можно, поставил marin: 0 auto, но не помогает. Справа отступ намного больше

Answer 1

[Алексей Скляров]

Он у вас отцентрован, не отцентрованы карточки. ШИРИНА_КАРТОЧКИ * 4 != 1200px поэтому у вас справа и остается какое-то место. Задайте карточкам не фикс. ширину, а 25% и все.

UPD: не забудьте добавить свойство

* {
box-sizing:border-box;
-webkit-box-sizing:border-box;
}

Comments

[kasajir]

Но мне нужно четыре карточки в блоке.

[Алексей Скляров]

kasajir, я уже выше написал: для карточки задайте ширину 25%

[Алексей Скляров]

kasajir, если вам нужно чтобы карточки были по центру с вашей конкретной шириной,то либо вам нужно убрать свойство float:left у них и пытаться сделать через display:inline-block, либо использовать flexbox.

[kasajir]

Добавил

box-sizing:border-box;
-webkit-box-sizing:border-box;

И получилось как нужно. Спасибо.

[kasajir]

А как такой блок отцентрировать? - https://codepen.io/gififi/pen/EbzWRR

[Алексей Скляров]

kasajir, https://codepen.io/anon/pen/ooRZRR

[kasajir]

Алексей Скляров, Спасибо.

[kasajir]

Алексей Скляров, Только теперь, если добавить больше текста в li, то блоки сбиваются со своих позиций. https://codepen.io/gififi/pen/gXJWeW . С inline-block так, а без центрирование не работает...

[Алексей Скляров]

kasajir, нужно просто добавить vertical-align:top к li: https://codepen.io/anon/pen/LOoygG

[kasajir]

Алексей Скляров, ещё раз спасибо.