Atrybut display może przyjąć wartość "block" lub "inline"
Block Element
Element blokowy zawsze rozpoczyna się w nowej lini i rozciąga się na całą dostępną szerokość
<div> jest elementem blokowym.
Przykłady elementów blokowych
Przykłady elementów HTML, które domyślnie są blokowe:
- div
- h1 - h6
- table
- ul
- li
- br
Inline Element
Element typu inline nie rozpoczyna się od nowej linii i bierze tylko tyle miejsca ile jest mu potrzebne.
Elementem typu inline jest tag <span>
Przykłady elementów liniowych
Przykłady elementów, które w języku HTML domyślnie są inline:
- span
- b
- i
- a
- img
Kontener div
Element <div> jest często używany jako blokowy dla innych elementów HTML.
<div> nie wymaga żadnych atrybutów, ale bardzo często dodaje się mu style, class lub id.
Element <div> z wykorzystaniem języka CSS idealnie nadaje się do stylowania kontenerów.
Kontener span
<span> jest często wykorzystywany jako kontener dla części tekstu.
Element <span> jest często używany jako blokowy dla innych elementów HTML.
Element <span> z wykorzystaniem języka CSS idealnie nadaje się do stylowania fragmentów tekstu.