HTML-Hajen

Udslutning af tekst i HTML









Sideværs udslutning på tekst

Sideværs udslutning af tekst styres med STYLE="text-align: ", som er en style man kan anvende til alle typer tekstafsnit, inklusiv sidens BODY-tag. I forhold til højre og venstre margin har til sin tekst flg. muligheder for udslutning:

VærdiEffekt
leftVenstrestillet tekst.
rightHøjrestillet tekst.
justifyLige højre- og venstremarginer.
centerCentreret tekst


Dette er de fem første afsnit af Emma Gads Takt og Tone i en DIV-tag til demonstration:

Med STYLE="text-align:left"
Vær ikke snobbet.
Vær ikke vigtig.
Vær ikke underdanig.
Vær fordringsfuld overfor Dem selv men ikke overfor Andre.
Det har været mig så magtpåliggende at få nedskrevet disse grundlæggende Råd for vor Omgangstone, at de er faldet mig i Pennen, før jeg tog fat det, hvor jeg rettelig skulde begynde, nemlig med at sige, at al virkelig god Opførsel kommer indefra, udspringer naturligt fra det Sind, som er åbent for Velvilje, Forståelse og Medynk med Andre.


Med STYLE="text-align:right"
Vær ikke snobbet.
Vær ikke vigtig.
Vær ikke underdanig.
Vær fordringsfuld overfor Dem selv men ikke overfor Andre.
Det har været mig så magtpåliggende at få nedskrevet disse grundlæggende Råd for vor Omgangstone, at de er faldet mig i Pennen, før jeg tog fat det, hvor jeg rettelig skulde begynde, nemlig med at sige, at al virkelig god Opførsel kommer indefra, udspringer naturligt fra det Sind, som er åbent for Velvilje, Forståelse og Medynk med Andre.


Med STYLE="text-align:justify"
Vær ikke snobbet.
Vær ikke vigtig.
Vær ikke underdanig.
Vær fordringsfuld overfor Dem selv men ikke overfor Andre.
Det har været mig så magtpåliggende at få nedskrevet disse grundlæggende Råd for vor Omgangstone, at de er faldet mig i Pennen, før jeg tog fat det, hvor jeg rettelig skulde begynde, nemlig med at sige, at al virkelig god Opførsel kommer indefra, udspringer naturligt fra det Sind, som er åbent for Velvilje, Forståelse og Medynk med Andre.


Med STYLE="text-align:center"
Vær ikke snobbet.
Vær ikke vigtig.
Vær ikke underdanig.
Vær fordringsfuld overfor Dem selv men ikke overfor Andre.
Det har været mig så magtpåliggende at få nedskrevet disse grundlæggende Råd for vor Omgangstone, at de er faldet mig i Pennen, før jeg tog fat det, hvor jeg rettelig skulde begynde, nemlig med at sige, at al virkelig god Opførsel kommer indefra, udspringer naturligt fra det Sind, som er åbent for Velvilje, Forståelse og Medynk med Andre.



Vertikal udslutning på tekst

Vertikal udslutning af tekst styres med STYLE="vertical-align: ", som er en style man kan anvende til alle typer tekstafsnit, inklusiv sidens BODY-tag. Den vertikale udslutning er i reglen kun noget man bruger ved tekstfelter der står side om side og teksterne i felterne har forskellig længde, f.eks. i tabeller. I forhold til vertikal udslutning har til sin tekst flg. muligheder:

VærdiEffekt
topTeksten er placeret mod toppen af tekstfeltet.
middleTeksten er placeret midt i tekstfeltet.
bottomTeksten er placeret mod bunden af tekstfeltet.


Dette er en tabel hvor cellen, TD-tag'en, er vertikalt justeret med STYLE="vertical-align: ", til demonstration:

Med STYLE="vertical-align:top" Med STYLE="vertical-align:middle" Med STYLE="vertical-align:bottom"