61 lines
1.1 KiB
HTML
61 lines
1.1 KiB
HTML
<!DOCTYPE HTML>
|
|
<html>
|
|
<head>
|
|
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
|
|
|
|
<title>Printed document</title>
|
|
|
|
<style type="text/css">
|
|
|
|
body {
|
|
font-family: sans-serif;
|
|
font-size: 10pt;
|
|
background: #eee;
|
|
}
|
|
|
|
div.absolute {
|
|
border: 2px dotted green;
|
|
position: absolute;
|
|
padding: 0.5em;
|
|
text-align: center;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
</style>
|
|
|
|
</head>
|
|
|
|
<body>
|
|
<!--
|
|
<div class="absolute" style="left: 20px; right: 20px;">
|
|
left/right
|
|
</div>-->
|
|
|
|
<div class="absolute" style="top: 40px; left: 40px;">
|
|
top/left
|
|
</div>
|
|
<div class="absolute" style="top: 40px; right: 40px;">
|
|
top/right
|
|
</div>
|
|
<div class="absolute" style="top: 80px; left: 40px; right: 40px;">
|
|
top/left/right
|
|
</div>
|
|
|
|
<div class="absolute" style="top: 160px; left: 160px; right: 160px; bottom: 160px; ">
|
|
top/left/right/bottom
|
|
</div>
|
|
|
|
<div class="absolute" style="bottom: 40px; right: 40px;">
|
|
bottom/right
|
|
</div>
|
|
<div class="absolute" style="bottom: 40px; left: 40px;">
|
|
bottom/left
|
|
</div>
|
|
<div class="absolute" style="bottom: 80px; left: 40px; right: 40px;">
|
|
bottom/left/right
|
|
</div>
|
|
|
|
</body>
|
|
|
|
</html>
|