Primer commit del sistema avantika sin cambios
This commit is contained in:
55
pdf/www/test/css_float.html
Executable file
55
pdf/www/test/css_float.html
Executable file
@@ -0,0 +1,55 @@
|
||||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-15">
|
||||
<style>
|
||||
|
||||
.left {
|
||||
float: left;
|
||||
border: 1px solid green;
|
||||
}
|
||||
|
||||
.right {
|
||||
float: right;
|
||||
border: 1px solid blue;
|
||||
}
|
||||
|
||||
.block {
|
||||
float: left;
|
||||
border: 1px solid red;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div style="border: 1px solid black; width: 600px; padding: 1em; text-align: justify;">
|
||||
<img src="images/dompdf_simple.png" style="float: left; margin-right: 0.5em; margin-bottom: 0.5em;" />
|
||||
Lorem ipsum dolor sit amet, consectetuer <strong>adipiscing</strong> elit. Sed non risus. Suspendisse lectus <strong>tortor</strong>, dignissim sit amet, adipiscing nec, ultricies sed, dolor.
|
||||
Cras elementum <em>ultrices</em> diam. Maecenas ligula massa, varius a, semper congue, euismod non, mi.
|
||||
|
||||
<img src="images/goldengate.jpg" style="float: right; margin-left: 0.5em; margin-bottom: 0.5em;" width="220" />
|
||||
Proin porttitor, orci nec nonummy molestie, enim est eleifend mi, non fermentum diam nisl sit amet erat.
|
||||
Duis semper. Duis arcu massa, scelerisque vitae, <strong>consequat</strong> in, pretium a, enim. Pellentesque congue.
|
||||
Ut in risus volutpat <em>libero</em> pharetra tempor. Cras vestibulum bibendum augue.
|
||||
Praesent egestas leo in pede. Praesent blandit odio eu enim. Pellentesque sed dui ut augue blandit sodales.
|
||||
Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aliquam nibh.
|
||||
Mauris ac mauris sed pede pellentesque fermentum.
|
||||
|
||||
</div>
|
||||
<!--
|
||||
<div style="border: 1px solid black; height: 400px; width: 200px; padding: 1em;">
|
||||
<div class="left">left</div>
|
||||
<div class="right">rmmmmmmmmmmmmmmmm mmmmmmmmmmmmmmmght</div>
|
||||
before block
|
||||
<div class="block" style="height: 30px;">block</div>
|
||||
after block
|
||||
<div class="left" style="height: 30px;">left2</div>
|
||||
|
||||
text
|
||||
|
||||
<div class="left">left3</div>
|
||||
<div class="block">block2</div>
|
||||
</div>
|
||||
-->
|
||||
</body> </html>
|
||||
Reference in New Issue
Block a user