<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="cs" lang="cs">
<head>
  <meta http-equiv="content-type" content="text/html; charset=windows-1250" />
  <title>Relativn umstn</title>
  <style type="text/css">
    body {
      font-family: Arial, Verdana, sans-serif;
      font-size: small;
      width: 500px;
      margin: 10px auto;
      padding: 10px;
      border: 1px solid black;
    }
    h1 {
      font-size: 150%;
      margin: 0;
      border-bottom: 1px dashed black;
    }
    p {
      margin: 0 0 5px 0;
    }
    p.datum {
      margin: 0;
      position: relative;   /* umstn v rmci modelu relativn umstn */ 
      top: -1.3em;          /* posu element vzhledem ke sv pvodn pozici smrem nahoru */
      text-align: right; 
      font-style: italic; 
    }
  </style>  
</head>
<body>
<h1>Nzev lnku</h1>
<p class="datum">20.ervence</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean accumsan elementum mauris. Praesent congue libero eget ipsum. Nullam vestibulum turpis non quam. Cras a nunc eget mi varius dapibus. Phasellus sem erat, fermentum pulvinar, bibendum ut, vehicula vel, magna.</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean accumsan elementum mauris. Praesent congue libero eget ipsum. Nullam vestibulum turpis non quam. Cras a nunc eget mi varius dapibus. Phasellus sem erat, fermentum pulvinar, bibendum ut, vehicula vel, magna.</p>
</body>
</html>
