Как отцентрировать центральный блок?

[torsar]

Сабж

https://jsfiddle.net/vpy7sn26/1/

Как отцентрировать центральный блок?

Можно сделать так же, но без float?

(без padding и margin)

margin: auto  для inline-block походу не работает?

исправил наименование блоков

Edited July 19, 2016 by torsar
исправил наименование блоков

[by chris]

26 минут назад, torsar сказал:

Можно сделать так же, но без

Id, но с классами. Сверху есть кнопка tidy, которая правильно форматирует код.

https://jsfiddle.net/vpy7sn26/2/

[torsar]

А может есть такая либа, чтоб можно было юзать flexbox в старых

версиях браузеров.

Типа подключил js-скрипт и юзаешь эту предлесть(css)?

[by chris]

35 минут назад, torsar сказал:

в старых

версиях браузеров.

В каких именно?

[torsar]

А можно сделать сабж без flexbox?

Можно даже с float

[by chris]

2 часа назад, torsar сказал:

А можно сделать сабж без flexbox?

 

Если так принципиально)

https://jsfiddle.net/vpy7sn26/3/

[torsar]

Извиняюсь за глупый вопрос :):

Зачем для wrapper float:left?

Зачем в центральном блоке добавлен дополнительный div?

И каким макаром(почему ни пайму) он центрируется по горизонтали

относительно .alcenter?

(вроде должен к левому краю прижиматься ?)

Спасибо :)!!!

7 минут назад, torsar сказал:

Извиняюсь за глупый вопрос :):

И каким макаром(почему ни пайму) он центрируется по горизонтали

относительно .alcenter?

(вроде должен к левому краю прижиматься ?)

Понял - text-align:center;

Но text-align вроде только текст центрировать должен, а он блок центрирует.

Поясните пожалуйста :)!

[by chris]

19 минут назад, torsar сказал:

Поясните пожалуйста :)!

https://www.w3.org/TR/CSS21/visuren.html#display-prop :)!

[alanreid]

https://jsfiddle.net/vpy7sn26/4/  

Полезная статья по этой теме: http://frontender.info/centering-css-complete-guide/

[Sensei]

https://jsfiddle.net/kk5zgesd/

https://jsfiddle.net/35kaubpp/

[torsar]

by chris, поясните пожалуйста:

Зачем для wrapper float:left?

(https://jsfiddle.net/vpy7sn26/3/)

Почему без него внутренние блоки выпадают из wrapper?

В оригинале такого не происходит

(https://jsfiddle.net/vpy7sn26/1/)

Где почитать про float?

(на htmlbook.ru очень скудно написано?)

(желательно не отправлять на w3.org и на русском)

 

[alejandro13]

1 час назад, torsar сказал:

Где почитать про float?

https://learn.javascript.ru/float

[Igor Schnaider]

1 час назад, torsar сказал:

Почему без него внутренние блоки выпадают из wrapper?

float элементы вынимаются из потока. Чтобы этого не происходило, нужно "очищать". float для wrapper - один из способов (только тогда он сам выпадет из потока). Во втором примере @Sensei - clearfix. Можно overflow отличный от visible поставить.