bachir
/
materio-base-d7


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960
							<!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>