Absolute to left and bottom : bottom « CSS « HTML / CSS

HTML / CSS » CSS » bottom 
Absolute to left and bottom
  



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
                      "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns='http://www.w3.org/1999/xhtml' xml:lang='en'>
    <head>
        <title></title>
        <style rel='stylesheet' type='text/css'>
body {
    background: pink;
    font: 12px sans-serif;
    margin: 0;
    padding: 0;
}
{
    background: red;
    border: 1px solid green;
    padding: 5px;
    margin: 5px;
}
p#absolute {
    position: absolute;
    bottom: 0;
    left: 0;
}        
        </style>
    </head>
    <body>
        <p>
            Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec eu
            massa.
        </p>
        <p id='absolute'>
            Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec eu
            massa.
        </p>
    </body>
</html>

   
  
Related examples in the same category
1.'bottom' Example
2.Use bottom to offset the bottom of an element from the bottom.
3.bottom aligns the bottom side of an absolute element to the bottom side of its container
4.Bottom auto
5.Absolute Outside Top Right with 100% bottom
6.Position layer
7.horizontally stretching content with top, right and left
8.Bottom always
9.positioning and sizing
10.Bottom-right Absolute positioned element
11.Bottom-left Absolute positioned element
12.Absolute offset
java2s.com  | Contact Us | Privacy Policy
Copyright 2009 - 12 Demo Source and Support. All rights reserved.
All other trademarks are property of their respective owners.