Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud.
Tekst, der er helt uformateret vil være rødt 10px arial.
<div class="t18"> teksthøjde: t8 t10 t12 t14 t16 t18 t24 t32 </div>
Vil ændre sig til den valgte skriftstørrelse
(Normalt giver div margin og padding,
men jeg har bedt alle standard-kommandoer undlade at gøre dette
- så det må gøres manuelt, når man vil have et ekstra linieskift).
<div class="t14 bld"> bld = fed skrift </div>
fed skrift med bld
<div class="flv h l40"> - er en flydende venstrestillet boks på 40% af den til rådighed værende plads med højrestillet tekst </div>
Vil danne en boks på 40% bredde så langt til venstre, som den kan komme
l100 giver bredden 100% og til rådighed er også:
99, 98, 95, 90, 80, 70, 60, 50, 48, 50, 40, 33 og 25
Bredden i procent er af det der er til rådighed,
derfor udnyttes den resterende plads af det efterfølgende
- hvis der er plads til det.
<div class="flh v l40"> Tilsvarende er denne en højrestillet boks med venstrestillet tekst. </div>
Vil danne en boks på 40% bredde så langt til højre, som den kan komme
l100 giver bredden 100% og til rådighed er også:
99, 98, 95, 90, 80, 70, 60, 50, 48, 50, 40, 33 og 25
Bredden i procent er af det der er til rådighed,
derfor udnyttes den resterende plads af det efterfølgende
- hvis der er plads til det.
En efterfølgende box vil udnytte den plads der er til rådighed:
En 10% bred box
En 33% bred box
<div class="ac l60 b1sb"> - og en boks på 60% </div>
Sat til 60% kan ikke være sammen med den på 40%, men vil kravle under.
Derimod ville en mindre boks lægge sig til venstre, centreret i det hul der er under den eksisterende boks og tekst (som den boks der er sat til illustration).
Ønsker man at styre boksen ned under de øvrige er der 3 classes der kan tilføjes:
clh clv og clb = clear hhv. højre, venstre og begge.
<div class="ac v l60 b1sb"> En tilsvarende </div>
Men her med venstrestillet tekst.
<div class="ac h l60 b1sb"> og en modsat </div>
- her med højrestillet tekst.
<div class="ac j l33 b1sb"> Justeret </div>
giver lige kanter i et vindue, men med ramme eller andre elementer omkring teksten må der sættes padding på boksen.
<div class="ac j l33 b1sb p5"> Boks med padding. </div>
Der kan sættes padding både i siderne som i top og bund.
Her er valgt 5 pixel hele vejen rundt, men pv5 (venstre) ph5 (højre) etc. er også til rådighed.
Læg mærke til at paddingen øger boksen, så den fylder 33%+5+5 !
Brug ­ til at markere delestedet i lange ord - gerne flere steder.
Rammerne er sat på for eksemplets skyld og behøver naturligvis ikke at gøres synlige.