41 lines
2.2 KiB
HTML
41 lines
2.2 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 Margins</title>
|
|
<style type="text/css">
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<p>
|
|
<img src="http://upload.wikimedia.org/wikipedia/commons/thumb/b/bc/Library_of_Ashurbanipal_The_Flood_Tablet.jpg/200px-Library_of_Ashurbanipal_The_Flood_Tablet.jpg" style="float: left; margin: 1cm 1cm 1cm 0" />
|
|
Ἐν ἀρχῇ ἦν ὁ Λόγος, καὶ ὁ Λόγος ἦν πρὸς τὸν Θεόν, καὶ Θεὸς ἦν ὁ
|
|
Λόγος. Οὗτος ἦν ἐν ἀρχῇ πρὸς τὸν Θεόν. πάντα δι' αὐτοῦ ἐγένετο,
|
|
καὶ χωρὶς αὐτοῦ ἐγένετο οὐδὲ ἕν ὃ γέγονεν. ἐν αὐτῷ ζωὴ ἦν, καὶ ἡ
|
|
ζωὴ ἦν τὸ φῶς τῶν ἀνθρώπων. καὶ τὸ φῶς ἐν τῇ σκοτίᾳ φαίνει, καὶ
|
|
ἡ σκοτία αὐτὸ οὐ κατέλαβεν.
|
|
</p>
|
|
<p style="margin: 0 3cm">
|
|
<img src="http://upload.wikimedia.org/wikipedia/commons/thumb/2/26/GilgameshTablet.jpg/200px-GilgameshTablet.jpg" style="float: right; margin: 1cm 0 1cm 1cm"/>
|
|
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>
|
|
<body>
|
|
</html>
|
|
|
|
|
|
|