Как выравнять таблицу по центру экрана?

Question

[Анатолий]

Имеется таблица с изменяемой шириной.
У таблицы задан отступ 20px по краям (margin: 0 20px), на случай если экран маленький
Когда таблица полностью вмещается в экран, она должна выравниваться по центру (margin: 30px auto).

Как это сделать?

Answer 1

[Максим]

table { background: #aaa; margin: auto;}

Comments

[Анатолий]

Ну это логично! Но в задании же сказано, нужен отступ 20px по краям, если экран маленький.

[Максим]

Анатолий, тогда в div добавить padding

[Максим]

Анатолий, иначе margin схлопнется

div   { background: #eee; margin: 30px auto; padding: 20px 0;}
table { background: #aaa; margin: auto; }

[Анатолий]

Максим Ленский, я понял.