# Работа со свойством display

Вы уже знаете, что все теги относятся к определенной блочной модели. При желании, однако, можно сменить модель с помощью свойства `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 коде есть несколько ссылок. Сделайте так, чтобы они вели себя как блочные элементы. Задайте им границу, ширину и высоту.

←→
↑