<?xml version="1.0" encoding="UTF-8" ?>
<?xml-stylesheet type="text/css" href="xmlTest.css"?>

<document>

  <h>XML + CSS</h>

  <section>
    <h><a href="./">Overskrift 2</a></h>
    <para>
      <emp>
        XML testdokument med 'custom tags', stylet med CSS.
      </emp>
      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.
    </para>
    <section>
        <h href="./">Overskrift 3</h>
        <para class="emp">
          Dette dokument ses bedst i Opera og Gecko, som viser billederne og tildeler CSS egenskaber til elementer med &quot;class&quot; og &quot;id&quot; attributer.
        </para>
        <para>
          ...nok fordi den fejlagtigt tror at det drejer sig om (x)html!
        </para>
    </section>
  </section>

  <section>
    <h>Overskrift 2</h>
    <para class="emp">
      Gecko-browsere (Mozilla, Firefox, Epiphany, osv.) håndterer blokelementer fornuftigt, men ikke attributer: man skal fx. bruge section[class="myclass"] { ... } for at få det til at virke...
    </para>
    <separator/>
    <para>
      IE bruger attributerne, men går i &quot;quirks mode&quot;, og kan ikke positionere elementerne korrekt...
    </para>
  </section>

  <section>
    <h>Overskrift 2</h>
    <para>
      <l>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque a arcu.</l> Integer molestie turpis quis justo. Aliquam adipiscing libero facilisis nisi. Integer magna velit, hendrerit a, pretium eu, porta in, arcu.
    </para>
    <object type="image/jpg" data="./test.jpg">
      <p>Dette skulle være et fly...</p>
    </object>
    <list>
      <item>Lorem ipsum
        <list>
          <item href="./xhtml2.xhtml">XHTML2</item>
          <item href="./invalid.html">pseudo-XML</item>
        </list>
      </item>
      <item>Aliquam adipiscing</item>
      <item>Integer molestie</item>
    </list>

    <section>
      <h>Overskrift 3</h>
      <para>
        Suspendisse eu massa. Pellentesque bibendum eleifend massa. Ut adipiscing pharetra tortor. Vivamus lectus justo, fermentum malesuada, consequat ac, aliquet eget, ante.
      </para>

      <section>
        <h>Overskrift 4</h>
        <para>
          Quisque a arcu. Integer molestie turpis quis justo. Aliquam adipiscing libero facilisis nisi.
        </para>
      </section>

      <section>
        <h>Overskrift 4</h>
        <para>
          Integer molestie turpis quis justo. Aliquam adipiscing libero facilisis nisi. Integer magna velit, hendrerit a, pretium eu, porta in, arcu.
        </para>
      </section>

      <para>
        Vivamus lectus justo, fermentum malesuada, consequat ac, aliquet eget, ante. Suspendisse eu massa. Pellentesque bibendum eleifend massa. Ut adipiscing pharetra tortor.
      </para>
    </section>

  </section>

</document>
