You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
programming-examples/css/Div tag Relative negative t...

42 lines
1.4 KiB
HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Css Positioning - Div Tag Relative Negative Top Value</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style rel="stylesheet" type="text/css">
div,h1,p {border: 1px solid green; margin: 4px;}
div {width: 600px;}
p {width: 400px;}
div#page2 {position: relative; top: -80px; left: 40px;}
</style>
</head>
<body>
<div id="page1">
<h1>Love Love Love</h1>
<p>In any relationship in which two people become one, the end result is two half people. Wayne Dwyer</p>
<p>Love is the immortal flow of energy that nourishes, extends and preserves. Its eternal goal is life. Smiley Blanton</p>
<p>Love Love Love</p>
</div>
<div id="page2">
<h1>Love Love Love</h1>
<p>In love of home, the love of country has its rise. Charles Dickens</p>
<p>For what is love itself, for the one we love best?--an enfolding<br>
of immeasurable cares which yet are better than any joys outside our love.<br><br>
George Elliot</p>
<p>I sought for Love<br>
But Love ran away from me.<br>
I sought my Soul<br>
But my Soul I couldn't see.<br>
Then I sought You,<br>
And I found all three.</p>
</div>
</body>
</html>