Почему оранжевый квадрат не выравнивается по вертикали по центру?

Question

[timtimIT]

Здравствуйте.

Вот код.
Почему оранжевый квадрат не выравнивается по вертикали по центру?

Answer 1

[Андрей Федоров]

codepen.io/aliencash/pen/BoGMrJ

Comments

[timtimIT]

спасибо

Answer 2

[Николай Шабалин]

codepen.io/aurfon/pen/bVQzmK

Обязательно к прочтению - > css-live.ru/articles/obzor-inlajnovyj-kontekst-for...

Answer 3

[Денис]

Проще всего по вертикали выровнять флексбоксами: codepen.io/SvDen/pen/OyadQO
Если добавить внешний div, то от float можно вообще избавиться.

Comments

[Денис]

timtimIT: Да, или так. По контексту нужно смотреть )

[timtimIT]

Спасибо, но не могу зайти на ссылку, выдает ошибку 404.

[Денис]

timtimIT: Странно, у меня всё ок.

Answer 4

[Михаил Макаров]

codepen.io/anon/pen/EVOMJv