Vytvoření dalšího prostoru ve formátu HTML na webové stránce lze dosáhnout mnoha způsoby v závislosti na typu prostoru, který chcete vytvořit. Následující části obsahují mnoho různých způsobů, jak vytvořit více místa pomocí HTML a CSS.

Jedním z nejvíce matoucích věcí pro nové uživatele, kteří vytvářejí vlastní webovou stránku, je to, že nemohou vícekrát tisknout mezerník. Chcete-li vytvořit další mezery před, po nebo mezi textem, použijte klávesu (non-break space) rozšířený HTML znak.

Například, s "extra mezera" máme následující kód v našem HTML.

 prostor navíc 

Poznámka: Pokud k zadání výše uvedeného kódu používáte editor WYSIWYG, musíte být na kartě HTML nebo upravovat kód HTML.

• Plný seznam rozšířených speciálních HTML znaků.

Zachovat mezery v textu, který je vložen do stránky

Pokud vkládáte text s extra mezerami nebo tabulátory, můžete použít HTML

 tag, aby byl text formátován. Níže je uveden příklad, jak vložit text s extra mezerami pomocí 
 štítek.
 Tento text má spoustu mezer 
Výše uvedený příklad se provádí pomocí níže uvedeného kódu HTML.
 Tento text má spoustu mezer 
Poznámka: Pokud používáte editor WYSIWYG k zadání výše uvedeného kódu, musíte být v záložce HTML nebo upravit kód HTML.
Viz naše HTML 
 další informace o této značce.
Vytvoření dalšího prostoru kolem prvku nebo objektu 
Každý prvek HTML může mít další mezery přidané nahoře, vpravo, vlevo nebo vlevo. Je však důležité, abyste porozuměli rozdílu mezi okrajem a vycpávkou před rozhodnutím, jaký typ prostoru chcete přidat kolem prvku nebo jiného objektu. Jak vidíte na obrázku níže, polstrování je to, co bezprostředně obklopuje prvek uvnitř hranic a okraj mimo hranici.
V následujícím příkladu je náš odstavec obklopen ohraničením, odsazeným s okrajem, a má místo na pravé a dolní části odstavce.
Příklad odstavce s okrajem a výplní.
Výše uvedený příklad byl vytvořen pomocí níže uvedeného kódu.
Příklad odstavce s okrajem a polstrováním.
V první části kódu, "margin-left: 2.5em;" přidá levý okraj 2, 5 em, který dává vzhled odsazeného textu. Jak ukazuje příklad, tato mezera je mimo okraj. V další části "padding: 0 7em 2em 0;" je definování horní, pravé, spodní a levé (ve směru hodinových ručiček). Tam je "0" horní polstrování, "7em" pravé polstrování, "2em" spodní polstrování, a 0 levé polstrování. Zbytek tohoto příkladu definuje, jak by měla hranice vypadat.
Vytvoření karty pomocí CSS a HTML 
Kartu lze vytvořit v HTML úpravou levého okraje prvku. Tento odstavec má například levý okraj 2, 5 em od prvku obsahujícího text. CSS k vytvoření tohoto levého okraje je uvedeno níže.
 .tab {left-left: 2.5em} 
Po umístění tohoto kódu do našeho CSS souboru můžeme použít třídu "tab" na libovolný text, aby se vytvořil vzhled karty. Hodnota levého okraje může být zvýšena nebo snížena v závislosti na vašich potřebách.
Ačkoliv doporučujeme výše uvedenou metodu, je možné přidat i CSS s levým okrajem, jak je uvedeno v příkladu níže.
Příklad levého okraje 5em.
Příklad levého okraje 5em.
Jak mohu odsazení nebo text na kartě na webové stránce nebo v HTML?
Pokud potřebujete přidat další řádek pod řádek nebo odstavec textu a stačí to udělat pouze jednou, můžete použít
přidáte další mezeru v dokumentu. Níže je uveden příklad použití této techniky.
Tato věta obsahuje příklad textu.
Jak vidíte, byly přidány dvě přestávky k vytvoření prostoru nad nimi.
Výše uvedený kód by vytvořil níže uvedený text.
Tato věta obsahuje příklad textu.
Jak vidíte, byly přidány dvě přestávky k vytvoření prostoru nad nimi.
V případě potřeby lze přidat další přestávky. Doporučujeme však použít metodu CSS zmíněnou dříve pro přidání výplně a mezery kolem textu, pokud se provádí na více místech na stránce.