44 lines
1.3 KiB
HTML
44 lines
1.3 KiB
HTML
|
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
|
||
|
|
<html>
|
||
|
|
<head>
|
||
|
|
<title>CSS Positioning - Div Tag Top Negative Value</title>
|
||
|
|
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
|
||
|
|
<style rel="stylesheet" type="text/css">
|
||
|
|
div,h1,p {
|
||
|
|
font-family: arial, tahoma, sans-serif;
|
||
|
|
border: 1px solid pink;
|
||
|
|
margin: 4px;
|
||
|
|
}
|
||
|
|
|
||
|
|
div {
|
||
|
|
width: 600px;
|
||
|
|
}
|
||
|
|
|
||
|
|
p {
|
||
|
|
width: 400px;
|
||
|
|
}
|
||
|
|
|
||
|
|
div#page2 {
|
||
|
|
position: relative;
|
||
|
|
top: -120px;
|
||
|
|
left: 40px;
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
</head>
|
||
|
|
|
||
|
|
<body>
|
||
|
|
<div id="page1">
|
||
|
|
<h1>Love Sayings - Love Sayings - Love Sayings</h1>
|
||
|
|
<p>We are all born for love. It is the principle of existence, and its only end. Benjamin Disraeli</p>
|
||
|
|
<p>Love is strong yet delicate. It can be broken. To truly love is to understand this. To be in love is to respect this. Stephen Packer</p>
|
||
|
|
<p>Two hearts are stronger than three, but only if you instill yours inside of me. Matthew K. Free</p>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div id="page2">
|
||
|
|
<h1>Love - Love - Love</h1>
|
||
|
|
<p>He that falls in love with himself will have no rivals. Benjamin Franklin</p>
|
||
|
|
<p>Sometimes it's hard to be a woman giving all your love to just one man. Tammy Wynette</p>
|
||
|
|
<p>In love the paradox occurs that two beings become one and yet remain two. Erich Fromm</p>
|
||
|
|
</div>
|
||
|
|
</body>
|
||
|
|
</html>
|