De World Wide Web Consortium raadt de scheiding van de structuur en presentatie-elementen van een webpagina. Wanneer ze zijn vermengd, wordt de pagina is moeilijk om te werken en nog moeilijker te parseren door de zoekmachines, die proberen te ziften uit echte inhoud van containers. Cascading Style Sheets (CSS) kunt u de presentatie van webpagina's te beschrijven. Het gaat hierbij om de kleuren, lettertypen en indeling. Als u wenst om de horizontale tussenafstanden in CSS, kunt u de ruimte tussen tekens, woorden of regels opgeven.
Open uw externe stijlpagina of ga naar de sectie van de stijlen in de hoofdsectie van uw Web-pagina's. Toevoegen "brief-afstand: 2px;" aan een specifieke HTML-code of als een klasse.
Voorbeeld van de specifieke tag:
H1 {brief-afstand: 1px;}
Voorbeeld van de klassen:
.widespacing
{brief-afstand: 3px;}
Het eerste voorbeeld zal lichte afstand tussen elk teken voor elke rubriek van de H1 op uw Web-pagina toevoegen. Het tweede voorbeeld wordt drie keer zoveel ruimte toegevoegd aan elk HTML-element dat u de klasse toewijzen.
Deze tekst moet breed afstand bij weergave in een browser.
Toevoegen "word-afstand: 10px;" aan uw stylesheet om ruimte tussen woorden--karakter afstand blijft op de standaardwaarde. Deze stijl kunnen tag-specifieke of een aangepast opmaakprofiel gebruikt voor meerdere HTML-elementen.
Voorbeeld van de specifieke tag:
blockquote {woord-afstand: 15px;}
Voorbeeld van de klassen:
.widewordspacing
{woord-afstand: 30px;}
Voorbeeld van gebruik met klassen:
Deze tekst zou weergeven met normaal verdeelde woorden die een heleboel ruimte tussen hen hebben.
Toevoegen "lijn-hoogte: 150%;" aan uw style-sheet als u wenst te verhogen van de hoeveelheid ruimte tussen de regels. (150 is slechts een voorbeeld; aanpassen volgens uw voorkeuren.) Volgens W3Schools is de standaardhoogte van de lijn van de meeste browsers 110 tot 120 procent.
Voorbeeld van de specifieke tag:
Li {lijn-hoogte: 175%;}
Voorbeeld van de klassen:
.extralinespacing
{lijn-hoogte: 200%;}
Voorbeeld van gebruik met klassen:
Deze zin wordt normaal gesproken weergegeven behalve dat als het terugloopt naar de volgende regel zou er twee keer zoveel ruimte zoals gewoonlijk tussen de eerste en tweede regel.