Position layer : bottom : Box Model HTML CSS TUTORIALS


HTML CSS TUTORIALS » Box Model » bottom »

 

Position layer


 
<html>
<head>
<style type="text/css">
div.layer1 {
            position:absolute;
            left:75px;
            top:75px;
            color:red
}
div.layer2 {
            position:absolute;
            right:75px;
            bottom:75px;
            font-family: arial;
            color:blue;
            font-weight:bold
}
</style>
</head>
<body>
<div class="layer1">
<h1>Positioning Layers</h1>
<p>This is the first layer1 paragraph</p>
<p>This is the second layer1 paragraph</p>
</div>
<div class="layer2">
<p>This is the first layer2 paragraph</p>
<p>This is the second layer2 paragraph</p>
</div>
</body>
</html>

 



HTML code for linking to this page:

Follow Navioo On Twitter

HTML CSS TUTORIALS

 Navioo Box Model
» bottom