W3.CSS Padding / Внутренний отступ
w3-padding-large
У меня 12px верхний и нижний отступы и 24px левый и правый отступы.
W3.CSS Числовые классы отступа
Классы w3-padding-число добавляют верхний и нижний отступы к любому элементу HTML:
| Класс | Определяет |
|---|---|
| w3-padding-16 | Добавляет верхний и нижний отступ 16px к элементу |
| w3-padding-24 | Добавляет верхний и нижний отступы 24px к элементу |
| w3-padding-32 | Добавляет верхний и нижний отступы 32px к элементу |
| w3-padding-48 | Добавляет верхний и нижний отступы 48px к элементу |
| w3-padding-64 | Добавляет верхний и нижний отступы 64px к элементу |
Примеры:
w3-padding-16
У меня 16px верхний и нижний отступ
w3-padding-24
У меня 24px верхний и нижний отступ
w3-padding-32
У меня 32px верхний и нижний отступ
w3-padding-48
У меня 48px верхний и нижний отступ
w3-padding-64
У меня 64px верхний и нижний отступ
Пример
<div class="w3-panel w3-padding-16">
<p>У меня 16px верхний и нижний отступ.</p>
</div>
Попробуйте сами »
W3.CSS Классы размера отступа
Классы w3-padding-размер добавляют верхний, нижний, правый и левый отступы к любому элементу HTML:
| Класс | Определяет |
|---|---|
| w3-padding | Добавляет 8px сверху и снизу и 16px слева и справа. |
| w3-padding-small | Добавляет 4px сверху и снизу и 8px слева и справа. |
| w3-padding-large | Добавляет 12px сверху и снизу и 24px слева и справа. |
Примеры:
w3-padding-small
У меня 4px верхний и нижний отступы и 8px левый и правый отступы.
w3-padding
У меня 8px верхний и нижний отступы и 16px левый и правый отступы.
w3-padding-large
У меня 12px верхний и нижний отступы и 24px левый и правый отступы.
Пример
<div class="w3-panel w3-padding-large">
<p>У меня 12px верхний и нижний отступы и 24px левый и правый отступы.</p>
</div>
Попробуйте сами »
