Робота з Блочними Елементами

Блочні елементи можна ідентифікувати як прямокутні, і вони накладаються один на одного. Вони не дають іншим елементам ділити з ними один рядок. Така поведінка досягається застосуванням властивості CSS:

css
Скопіювати код

Основні міркування при роботі з блочними елементами:

• За замовчуванням вони мають значення display: block.
• Їх width охоплює всю ширину, дозволену батьківським елементом.
• Висота height спочатку визначається вмістом, але її можна налаштувати за допомогою CSS.
• Кожен елемент блоку починається з нового рядка.
• Властивості border, margin, padding, width і height можна налаштувати.

Тепер давайте розглянемо приклад, де ми маніпулюємо width, height і margin:

Давайте розглянемо, як можна відцентрувати елемент всередині його батька.