Jak odsazovat text v HTML

Přestože čisté HTML slouží primárně ke strukturování obsahu webových stránek, obsahuje i značky, které lze použít k odsazení textu. Světová organizace W3C však doporučuje pro formátování využívat CSS (Cascading Style Sheets). Přesto existují tři základní způsoby, jak v HTML vytvořit odsazení: pomocí neporušitelné mezery, značky <blockquote> nebo <pre>, a nakonec pomocí CSS.

Neporušitelné mezery (non‑breaking spaces)

Entita   funguje jako běžná mezera na klávesnici, ale nezlomí řádek. Pokud chcete odsazení bez použití tabulátorů, vložte požadovaný počet entit   před text. Pro pět mezer použijte např.:      .

Tag <blockquote>

Značka <blockquote> automaticky odsazuje celý blok textu doprava (standardně o pět mezer). Používá se pro citace, ale lze ji využít i jen pro odsazení. Vzhledem k tomu, že šablony často definují vlastní styly (rámečky, pozadí, odsazení), můžete přepsat výchozí vzhled inline CSS, např.:

<blockquote style="border:none; margin:0; padding-left:10px;">Váš odsazený text</blockquote>

Tag <pre>

Tag <pre> zachovává přesné formátování, jaké zadáte v editoru – včetně mezer a tabulátorů. Stačí mezi otevírací a uzavírací značku vložit text a odsazení vytvořit pomocí mezerníku nebo klávesy Tab. Pamatujte, že některé editory převádějí tabulátory na mezery a skutečný počet zobrazených mezer může v prohlížeči mírně kolísat.

Odsazení pomocí CSS

Nejflexibilnější řešení je použít CSS:

• text-indent – odsazuje pouze první řádek bloku (např. p { text-indent: 10px; }).
• margin-left – posune celý blok textu doprava (např. p { margin-left: 10px; }).

Tyto pravidla můžete přidat do interního <style> bloku nebo externího stylesheetu, aby se aplikovala na všechny odstavce (p) nebo jiné blokové elementy napříč celou stránkou.