Ви вже знаєте, що всі теги належать до певної
блочної моделі. За бажанням, однак, можна
змінити модель за допомогою властивості display.
С помощью значения block данного свойства
элемент можно сделать блочным, а с помощью
значения inline - рядковим.
Давайте зробимо так, щоб теги span
поводилися як блокові елементи:
<span>text</span>
<span>text</span>
<span>text</span>
span {
display: block;
width: 100px;
height: 100px;
border: 1px solid red;
margin-bottom: 20px;
}
:
А тепер зробимо так, щоб теги div
поводилися як рядкові:
<div>text</div>
<div>text</div>
<div>text</div>
div {
display: inline;
width: 100px;
height: 100px;
border: 1px solid red;
}
:
Нехай у вас у HTML коді є кілька абзаців. Зробіть так, щоб вони поводилися як рядкові елементи.
Нехай у вас у HTML коді є кілька посилань. Зробіть так, щоб вони поводилися як блокові елементи. Задайте їм межу, ширину та висоту.