krouzek:pozicovani

<!DOCTYPE html>
<html lang="cs">
<head>
    <meta charset="utf-8" />
    <title>Titulek</title>
  <style>
#plocha {
background-color: rgb(120, 200, 200);
width: 300px;
height: 300px;
position: relative;
}
 
#objekt1 {
background-color: black;
width: 30px;
height: 30px;
position: absolute;
top: 60px;
left: 120px;
}
 
#objekt2 {
background-color: red;
width: 30px;
height: 30px;
position: absolute;
top: 30px;
left: 220px;
}
 
</style>
   <link rel="stylesheet" type="text/css" href="styl.css">
 
    <script>
    /* <![CDATA[ */
    /* Sem prijde javascript kod */
 
 
 
    /* ]]> */
    </script>
</head>
 
<body>
<div id="plocha">
	<div id="objekt1"></div>
	<div id="objekt2"></div>
</div>
 
</body>
</html>