width: 350px; height: 150px;
border: 1pt solid black;
background-color: white;
padding: .5em;
position: static;


=====================================

width: 350px; height: 150px;
border: 1pt solid black;
background-color: white;
padding: .5em;
position: relative;
top: 100px;  left: 100px;

=====================================

width: 350px; height: 150px;
border: 1pt solid black;
background-color: white;
padding: .5em;
position: absolute;
top: 100px;  left: 100px;

=====================================

width: 350px; height: 150px;
border: 1pt solid black;
background-color: white;
padding: .5em;
position: fixed;
top: 100px;  left: 100px;

=====================================

side: dugo |  procent ;

=====================================

position: relative;
right: 50%;

=====================================

position: absolute;
left: 50%;

=====================================

position: absolute;
left: 25%; right: 50%;

=====================================

position: absolute;
left: 25%; right: 50%;
width: 300px;

=====================================

float: right | left | none;

=====================================

<div style="width: 200px;"> ... </div>

=====================================

min-height: 200px;

=====================================

overflow: visible|hidden|scroll|auto;

=====================================

z-index: warto;

=====================================

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
  "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
  <title>Stos z-index</title>
  <style type="text/css">
    .box1 { position: absolute;
            top: 25%; left: 25%;
            width: 200px; height: 200px;
            background-color: red;
            color: white;
            z-index: 200; }
    .box2 { width: 400px; height: 100px;
            background-color: yellow;
            z-index: 100; }
    .box3 { width: 400px; height: 100px;
            background-color: green;
            position: absolute;
            top: 20%; left: 10%; color: white;
            z-index: 150; }
  </style>
</head>
<body>
<div class="box2">
<p><b>Box 2:</b> Lorem ipsum dolor sit amet, consectetuer 
adipiscing elit, sed diam nonummy nibh euismod tincidunt ut 
laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad 
minim veniam, quis nostrud exerci tation ullamcorper suscipit 
lobortis nisl ut aliquip ex ea commodo consequat. Duis autem 
vel eum iriure dolor in hendrerit in vulputate velit esse 
molestie consequat, vel illum dolore eu feugiat nulla 
facilisis at vero eros et accumsan et iusto odio dignissim
qui blandit praesent luptatum zzril delenit augue duis 
dolore te feugait nulla facilisi.</p>

<p class="box1"><b>Box 1:</b> To jest tekst</p>

<p>Ut wisi enim ad minim veniam, quis nostrud exerci tation 
ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo 
consequat. Duis autem vel eum iriure dolor in hendrerit in 
vulputate velit esse molestie consequat, vel illum dolore eu 
feugiat nulla facilisis at vero eros et accumsan et iusto 
odio dignissim qui blandit praesent luptatum zzril delenit 
augue duis dolore te feugait nulla facilisi. Lorem ipsum 
dolor sit amet, consectetuer adipiscing elit, sed diam 
nonummy nibh euismod tincidunt ut laoreet dolore magna 
aliquam erat volutpat.</p>
</div>
<div class="box3">
  <p><b>Box 3:</b> To jest tekst</p>
</div>
</body>
</html>

=====================================

visibility: visible|hidden|collapse; 

=====================================


