52 lines
2.4 KiB
HTML
52 lines
2.4 KiB
HTML
<?xml version="1.0" encoding="utf-8"?>
|
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
|
<html>
|
|
<head>
|
|
<title>Floats And Absolute Positions</title>
|
|
<style type="text/css">
|
|
div.main {
|
|
margin: 0 0 0 100px;
|
|
top: 3cm;
|
|
position: absolute;
|
|
}
|
|
|
|
div.margin {
|
|
position: absolute;
|
|
top: 3cm;
|
|
width: 120px;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<h1>Floats And Absolute Positions</h1>
|
|
<div class="main">
|
|
<img style="float: left" src="http://upload.wikimedia.org/wikipedia/commons/thumb/b/bc/Library_of_Ashurbanipal_The_Flood_Tablet.jpg/218px-Library_of_Ashurbanipal_The_Flood_Tablet.jpg" />
|
|
<p>Sed ut perspiciatis, unde omnis iste natus error sit
|
|
voluptatem accusantium doloremque laudantium, totam rem
|
|
aperiam eaque ipsa, quae ab illo inventore veritatis et quasi
|
|
architecto beatae vitae dicta sunt, explicabo. nemo enim ipsam
|
|
voluptatem, quia voluptas sit, aspernatur aut odit aut fugit,
|
|
sed quia consequuntur magni dolores eos, qui ratione
|
|
voluptatem sequi nesciunt, neque porro quisquam est, qui
|
|
dolorem ipsum, quia dolor sit, amet, consectetur, adipisci
|
|
velit, sed quia non numquam eius modi tempora incidunt, ut
|
|
labore et dolore magnam aliquam quaerat voluptatem. ut enim ad
|
|
minima veniam, quis nostrum exercitationem ullam corporis
|
|
suscipit laboriosam, nisi ut aliquid ex ea commodi
|
|
consequatur? quis autem vel eum iure reprehenderit, qui in ea
|
|
voluptate velit esse, quam nihil molestiae consequatur, vel
|
|
illum, qui dolorem eum fugiat, quo voluptas nulla
|
|
pariatur?</p>
|
|
<p>Ἐν ἀρχῇ ἦν ὁ Λόγος, καὶ ὁ Λόγος ἦν πρὸς τὸν Θεόν, καὶ Θεὸς ἦν
|
|
ὁ Λόγος. Οὗτος ἦν ἐν ἀρχῇ πρὸς τὸν Θεόν. πάντα δι' αὐτοῦ
|
|
ἐγένετο, καὶ χωρὶς αὐτοῦ ἐγένετο οὐδὲ ἕν ὃ γέγονεν. ἐν αὐτῷ
|
|
ζωὴ ἦν, καὶ ἡ ζωὴ ἦν τὸ φῶς τῶν ἀνθρώπων. καὶ τὸ φῶς ἐν τῇ
|
|
σκοτίᾳ φαίνει, καὶ ἡ σκοτία αὐτὸ οὐ κατέλαβεν.</p>
|
|
</div>
|
|
<div class="margin">Margin, actually on the left side.</div>
|
|
<body>
|
|
</html>
|
|
|
|
|
|
|