DIVmania!
Overskrift 2
Denne side er lavet udelukkende af <div> samt nogle <span> elementer, stylet med CSS.
Se det samme dokument som stylet med CSS.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque a arcu. Integer molestie turpis quis justo. Aliquam adipiscing libero facilisis nisi.
Overskrift 3
Dette dokument har en totalt ikke-semantisk struktur! ... måske ikke helt alligevel: man kan ikke lægge en HREF på en DIV (endnu)!
 
DIVmania, hvis du lider af
Overskrift 2
Denne udgave virker i alle browsere!.
I modsætning til XML-udgaven, går IE ikke i "quirks mode", og
kan
positionere elementerne korrekt...
Overskrift 2
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque a arcu. Integer molestie turpis quis justo. Aliquam adipiscing libero facilisis nisi. Integer magna velit, hendrerit a, pretium eu, porta in, arcu.
Fly
Pseudo-list
lavet af DIV'er
med display:list-item
fermentum malesuada
Overskrift 3
Suspendisse eu massa. Pellentesque bibendum eleifend massa. Ut adipiscing pharetra tortor. Vivamus lectus justo, fermentum malesuada, consequat ac, aliquet eget, ante.
Overskrift 4
Denne side er totalt i orden!
Valid HTML 4.01 Strict
Overskrift 4
...og validerer i hoved og r&oslash;v !
Valid CSS!
Vivamus lectus justo, fermentum malesuada, consequat ac, aliquet eget, ante. Suspendisse eu massa. Pellentesque bibendum eleifend massa. Ut adipiscing pharetra tortor.
Overskrift 3 And now, for something completely different!
Vi bruger her en masse <span> elementer med 'display:block' inde i en <a href="">. Næsten lige så godt som <div> !