programming-examples/css/Div Position layer position absolute.html

32 lines
890 B
HTML
Raw Permalink Normal View History

2019-11-15 12:59:38 +01:00
<html>
<head>
<style type="text/css">
div.layer1 {position:absolute;
left:100px;
top:100px;
color:red}
div.layer2 {position:absolute;
right:100px;
bottom:100px;
font-family: arial;
color:green;
font-weight:bold}
</style>
</head>
<body>
<div class="layer1">
<h1>Love Sayings</h1>
<p>When love is in excess it brings a man no honor nor worthiness. Euripides </p>
<p>In pious times, ere priestcraft did begin, before polygamy was made a sin. John Dryden </p>
</div>
<div class="layer2">
<p>Love is not enough. It must be the foundation, the cornerstone - but not the complete structure. It is much too pliable, too yielding. Bette Davis </p>
<p>The last time I was inside a woman was when I went to the Statue of Liberty. Woody Allen </p>
</div>
</body>
</html>