Почему не работает марджин?

Question

[Дмитрий]

Здравствуйте. Есть такой метод выравнивания текста в несколько строк по вертикали:
#parent {display: table;}
#child {
display: table-cell;
vertical-align: middle;
}

Но при этом методе к блоку child не применяется марджин.
Почему?
И как выровнять текст из не фиксированного кол-ва строк в родителе с фиксированной высотой?

Answer 1

[Константин Давыдов]

Ячейка таблицы может иметь внутренние отступы (padding), но не может иметь полей (margin).

Можно сделать вот так: codepen.io/anon/pen/oxrEQW

Comments

[Дмитрий]

Спасибо

Answer 2

[Георгий Еремеев]

Почему?

Потому, что к ячейкам таблицы применять margin нету смысла. Отступы между ячейками устанавливается через border-spacing.

И как выровнять текст из не фиксированного кол-ва строк в родителе с фиксированной высотой?

По мимо вашего метода выравнивая я знаю еще два.
1. Flexbox (рекомендую).
2. А второй лучше покажу https://jsfiddle.net/k2qrtgbj/

Comments

[Дмитрий]

Спасибо