Padding увеличивает размер div
Что бы padding не увеличивал размер блока, можно использовать вложенный div. Во внешнем Div’e указывать размеры, во вложенном padding
Группа резиновых блоков по центру
1 2 3 4 5 6 7 8 9 10 11 12 13 14 | .wrapper{ width: 100%; text-align: center; vertical-align: top; } .block{ width: 24%; margin: 2px; height: 720px; display: inline-block; vertical-align: top; min-width: 300px; text-align: left; } |
1 2 3 4 5 6 7 | <div class="wrapper"> <div class="block">1</div> <div class="block">2</div> <div class="block">3</div> <div class="block">4</div> <div class="block">5</div> </div> |
Резиновый блок по центру
Тоже оказывается довольно просто. Для этого можно использовать display: table, margin: 0 auto и резиновую ширину (скажем width: 80%)