<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
  <meta http-equiv="content-type" content="text/html; charset=utf-8">
  <meta name="author" content="Matej Kerekréty kletely, kletely.xf.cz">
  <meta name="description" content="Jednoduchá ukážka ohrúhlych rohov.">
  <style type="text/css">
  * {
    margin: 0;
    padding: 0;
  }
  body {
    background: #C0C0C0;
    text-align: center;
  }
  #container {
    text-align: left;
    margin: 10px auto;
    width: 100px;
  }
  #l-d{
    height:  20px ;
    width:  20px;
    float:  left;
    background:  url('roh-l-d.gif') no-repeat;
  }
  #l-h{
    height:  20px ;
    width:  20px;
    float:  left;
    background:  url('roh-l-h.gif') no-repeat;
  }
  #p-d{
    height:  20px ;
    width:  20px;
    float:  left;
    background:  url('roh-p-d.gif') no-repeat;
  }
  #p-h{
    height:  20px ;
    width:  20px;
    float:  left;
    background:  url('roh-p-h.gif') no-repeat;
  }
  .h-d{
    width: 60px;
    height: 20px;
    background: green;
    float: left;
    text-align: center;
  }
  #telo{
    width:  100px;
    height: 60px;
    background: rgb(85,85,85);
    float:left;
  }

  </style>
  <title>Okrúhle rohy</title>
  </head>
  <body>
<div id="container">
<div id="l-h"></div>
<div class="h-d"><b>Nadpis</b></div>
<div id="p-h"></div>
<div id="telo">
Text stránky.<br>
text text text text 
text text text text   
</div>
<div id="l-d"></div>
<div class="h-d">by kletely</div>
<div id="p-d"></div>
</div>
  </body>
</html>