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 position relative.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>