display

Іноді необхідно, щоб рядковий елемент поводився, як блоковий і навпаки. У цьому випадку, значення властивості display можна за необхідності міняти на будь-яке інше.

block / inline / inline-block

• Рядкові елементи inline - призначені для виділення та оформлення текстового контенту. Наприклад посилань кнопок, зображень тощо.
• Блокові елементи block - використовуються для розмітки текстових контейнерів (заголовків, списків, абзаців) і великих смислових розділів (секцій, шапки, підвалу).
• Рядково-блокові елементи inline-block - це гібрид між блочними та рядковими елементами, який взяв корисне від обох. Їх ширина і висота залежать від вмісту, але можна явно задати властивості width і height. Вони розташовуються в рядку доти, поки в ньому є достатньо місця, після чого нові переносяться на наступний рядок. Їм можна задавати будь-які властивості геометрії елемента: ширину, висоту, поля, рамки та відступи.