Strona poświęcona projektowaniu szablonów WWW

Elementy Blokowe

Elementy blokowe to elementy, które mają być wyświetlane jako bloki.

Jeśli nie określimy jego szerokości wprost, każdy blok domyślnie będzie zajmował 100% szerokości swojego rodzica.

Możemy określić jego marginesy oraz wypełnienie (padding).

Każdy element blokowy umieszczany jest pod poprzedzającym elementem, a element następny w kolejności również umieszczany jest pod spodem. Przypomina to złamanie linii w tekście.
Przykładami elementów HTML, które przez przeglądarkę są domyślnie wyświetlane jako blokowe, to wspomniany już <div>,ale też
<p>,
<header>,
<section>,
<nav>,
<footer>,
<article>,
<form>,
<ul>,
<ol>
oraz nagłówki, np. <h1>.