<!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>Absolutni umstn - ukzka</title>
  <style type="text/css">
    body {
      font-family: Arial, Verdana, sans-serif;
      font-size: small;
      border: 1px solid black;
      width: 500px;
      margin: 10px auto;
      padding: 10px;
      position: relative;  /* relativn umstn, abychom k elementu body mohli umstit element img */ 
    }
    h1 {
      font-size: 150%;
      margin: 0 0 10px 0;
      border-bottom: 1px dashed black;
    }
    p {
      margin: 0 0 5px 0;
      padding-left: 210px;   
    }
   img {
      position: absolute;     /* absolutn umstn obrzku */
      top: 80px;              /* umstn 80 pixel od hornho okraje nadazenho bloku */
      left: 100px;            /* umstn 100 pixel od levho okraje nadazenho bloku */
    }  
    
    
  </style>  
</head>
<body>
<h1>Nzev lnku</h1>
<p><img src="obrazky/obrazek.jpg" />
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>
