programming-examples/css/Div tag top negative value.html
2019-11-15 12:59:38 +01:00

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>