44 lines
1.2 KiB
HTML
44 lines
1.2 KiB
HTML
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
|
|
<html>
|
|
<head>
|
|
<title>Css Positioning - Div Position Relative</title>
|
|
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
|
|
<style type='text/css'>
|
|
/* CSS Document */
|
|
|
|
div, h1, p {
|
|
font-family:arial, sans-serif;
|
|
border:1px solid pink;
|
|
margin:4px;}
|
|
|
|
div {width:600px;}
|
|
p {width:600px;}
|
|
|
|
div#page2 {
|
|
position:relative;
|
|
top:-120px;
|
|
left:40px;}
|
|
</style>
|
|
|
|
</head>
|
|
|
|
<body>
|
|
<div id="page1">
|
|
<h1>Love Sayings</h1>
|
|
<p>A Friend's Love says: " If you ever need anything, I'll be there." True Love says: " You'll never need anything; I'll be there." Jimi Hollemans</p>
|
|
<p>We can only learn to love by loving. Iris Murdoch</p>
|
|
<p>Pains of love be sweeter far Than all other pleasures are. John Dryden</p>
|
|
</div>
|
|
|
|
<div id="page2">
|
|
<h1>Love Sayings</h1>
|
|
<p>In love of home, the love of country has its rise. Charles Dickens</p>
|
|
<p>And think not you can direct the course of love, for love, if it finds you worthy, directs your course. Kahlil Gibran</p>
|
|
<p>Treasure the love you receive above all. It will survive long after your good health has vanished. Og Mandino</p>
|
|
</div>
|
|
</body>
|
|
|
|
</html>
|
|
|
|
|