programming-examples/css/Div tag position relative top left.html

39 lines
1.0 KiB
HTML
Raw Permalink Normal View History

2019-11-15 12:59:38 +01:00
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Css Positioning Example - Div Tag Position Relative Top Left</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;
width:450px;}
div#page2 {
position:relative;
top:23px;
left:23px;}
</style>
</head>
<body>
<div id="page1">
<h1>Love Sayings</h1>
<p>In pious times, ere priestcraft did begin, before polygamy was made a sin. John Dryden</p>
<p>When love is in excess it brings a man no honor nor worthiness. Euripides</p>
<p>Love Love Love</p>
</div>
<div id="page2">
<h1>Love Sayings</h1>
<p>The last time I was inside a woman was when I went to the Statue of Liberty. Woody Allen</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>
</body>
</html>