Ustvarjanje dodatnega prostora v HTML-ju na spletni strani je mogoče doseči na več načinov, odvisno od vrste prostora, ki ga želite ustvariti. V naslednjih razdelkih je veliko različnih načinov za ustvarjanje dodatnega prostora z uporabo HTML in CSS.

Ena najbolj zmedenih stvari za nove uporabnike, ki ustvarjajo svojo spletno stran, je, da ne morejo pritisniti preslednice večkrat, da naredijo dodatne presledke. Če želite ustvariti dodatne presledke pred, za ali med besedilom, uporabite (neprekinjen prostor) razširjeni znak HTML.

Na primer, z »dodatnim prostorom« imamo v HTML-ju naslednjo kodo.

 dodaten prostor 

Opomba: Če za vnos zgornje kode uporabljate urejevalnik WYSIWYG, morate biti na kartici HTML ali urejati kodo HTML.

• Popoln seznam razširjenih posebnih znakov HTML.

Ohranite razmik v besedilu, ki je prilepljeno na stran

Če prilepite besedilo z dodatnimi presledki ali zavihki, lahko uporabite HTML

, da bo besedilo oblikovano. Spodaj je primer, kako z besedilom prilepite besedilo z dodatnimi presledki 
 oznaka.
 To besedilo ima veliko presledkov 
Zgornji primer je narejen z uporabo spodnje kode HTML.
 To besedilo ima veliko presledkov 
Opomba: Če za vnos kode zgoraj uporabljate urejevalnik WYSIWYG, morate biti v zavihku HTML ali urejati kodo HTML.
Oglejte si naš HTML 
 za več informacij o tej oznaki.
Ustvarjanje dodatnega prostora okoli elementa ali predmeta 
Vsak element HTML lahko doda dodatne razmake na vrh, desno, spodaj ali levo. Vendar pa je pomembno, da razumete razliko med robom in oblazinjenjem, preden se odločite, katero vrsto prostora želite dodati okoli elementa ali drugega objekta. Kot lahko vidite na spodnji sliki, je oblazinjenje tisto, kar neposredno obdaja element, znotraj meje, in rob zunaj meje.
V spodnjem primeru je naš odstavek obdan z obrobo, zamaknjeno z robom, in ima prostor na desni in spodnji strani odstavka.
Primer odstavka z robom in oblazinjenjem.
Zgornji primer je bil ustvarjen s spodnjo kodo.
Primer odstavka z robom in oblazinjenjem.
V prvem delu kode "margin-left: 2.5em;" doda levi rob 2, 5 em, kar daje videz zamaknjenega besedila. Kot kaže primer, je ta razmik zunaj meje. V naslednjem razdelku, "oblazinjenje: 0 7em 2em 0;" definira zgornjo, desno, spodnjo in levo (v smeri urinega kazalca) oblazinjenje. Zgornja obloga je "0", desno oblazinjenje "7em", spodnja obloga "2em" in 0 polnilo za levo. Preostanek tega primera je opredelitev načina, kako naj bi meja izgledala.
Ustvarjanje zavihka z uporabo CSS in HTML 
Kartico lahko ustvarite v HTML-ju s prilagoditvijo levega roba elementa. Na primer, ta odstavek ima levi rob 2, 5 em od elementa, ki vsebuje besedilo. Spodaj je prikazan CSS za ustvarjanje levega roba.
 .tab {margin-left: 2.5em} 
Ko vnesemo to kodo v našo datoteko CSS, lahko uporabimo razred "tab" za katerokoli besedilo, da ustvarimo videz kartice. Vrednost levega roba se lahko poveča ali zmanjša glede na vaše potrebe.
Čeprav priporočamo zgornjo metodo, lahko dodate CSS levo, kot je prikazano v spodnjem primeru.
Primer 5em levega roba.
Primer 5em levega roba.
Kako vtisnem besedilo na svoji spletni strani ali v HTML-ju?
Če morate pod vrstico ali odstavek besedila dodati dodaten prostor in to storiti samo enkrat, lahko uporabite
za dodajanje dodatnega prostora v dokumentu. Spodaj je primer uporabe te tehnike.
Ta stavek vsebuje primer besedila.
Kot lahko vidite, sta bila dodana dva odmora, da ustvarite prostor zgoraj.
Zgornja koda bi ustvarila spodaj prikazano besedilo.
Ta stavek vsebuje primer besedila.
Kot lahko vidite, sta bila dodana dva odmora, da ustvarite prostor zgoraj.
Po potrebi lahko dodate dodatne odmore. Vendar pa predlagamo uporabo prej omenjene metode CSS za dodajanje oblazinjenja in razmika okrog vašega besedila, če se izvaja na več mestih na strani.