Почему не выходит отцентрировать блок?

Question

[Evgenij_nechujveter]

Почему не выходит отцентрировать блок?

Пример кода

Хочу чтобы так центрировалось

Answer 1

[Alan Ikaev]

Ты по моему с header сглупил, у тебя в него все завернуто, и меню, и блоки

Comments

[Evgenij_nechujveter]

так я и хочу чтобы все блоки по центру были

[Evgenij_nechujveter]

неужели каждый по отдельности блок нужно центрировать?

[Alan Ikaev]

Это ведь ХтмлАкадемия? Пролистай пару уроков назад, они там по моему показывают как центрировать

[Alan Ikaev]

Делай блок wrapper например, задавай ему ширину(учитывая чтобы внутренние блоки потом поместились), дальше задавай ему margin:0 auto и начинай запихивать новые блоки внутрь

[Evgenij_nechujveter]

Alan Ikaev, так для этого я и создал div с классом "container", чтобы он у меня был центровщиком и для хедера, тела и футера

[Alan Ikaev]

Evgenij_nechujveter, Задай контейнеру ширину теперь. Ты не можешь отцентрировать пока нет ширины

Answer 2

[Андрей]

text-align: center;
или

margin-left: auto;
margin-right: auto;

не пробовали?

Comments

[Evgenij_nechujveter]

А почему не работает margin: 0px auto; ?

[Андрей]

Evgenij_nechujveter, а родительский блок у тебя есть?
Ты бы код скинул...

[Андрей]

как вариант изучи статью

[Alan Ikaev]

Evgenij_nechujveter, Потому что не задал ширину блоку в который обертываешь все остальное

[Андрей]

Alan Ikaev, верно)
из полезных советов могу предложить указать ширину верхнему блоку)))
width: 1982px;
Ну и потом уже внутри центровать маргинами

[Alan Ikaev]

Андрей, Я думаю он щас разберется, отмотает парочку уроков назад)

Answer 3

[Ярослав Иванов]

.wrapper_promo {
    margin: 0 auto;
}

.one {
    mergin: 0 auto;
}

https://jsfiddle.net/space2pacman/ctr5dbp3/1/

Comments

[Evgenij_nechujveter]

разобрался, спасибо