<!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</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;    /* vytvoili jsme przdn prostor pro obrzek */
    }
   img {
      position: absolute;     /* absolutnm umstnm se element vyjme z dokumentu ... */
      left: 10px;             /* ... a umst se 10 pixel od lev hrany nahazenho bloku (elementu body) */
    }   
  </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>
