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

css

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

• За замовчуванням вони мають значення display: block.

• Їх width охоплює всю ширину, дозволену батьківським елементом.

• Висота height спочатку визначається вмістом, але її можна налаштувати за допомогою CSS.

• Кожен елемент блоку починається з нового рядка.

• Властивості border, margin, padding, width і height можна налаштувати.

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

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