HTML & CSS Web Design

Html Css > Code Examples

Absolute position offset top right bottom left



Absolute position offset top right bottom left

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
    <head>
        <title>Absolute Position Offset Top Right Bottom Left</title>
        <style type='text/css'>
            div {
                position: absolute;
                padding: 13px;
                border: 2px solid red;
                opacity: 0.8;
                background: blue;
            }
            div#div1 {
                top: 12;
                right: 12;
                bottom: 12;
                left: 12;
            }
            div#div2 {
                top: 40px;
                right: 40px;
                bottom: 40px;
                left: 40px;
            }
        </style>
    </head>
    <body>
        <div id='div1'>
            Arguments out of a pretty mouth are unanswerable.<br><br>
            Joseph Addison<br>
        </div>
        <div id='div2'>
            If I don't know what true love is, how will I ever find it?<br><br>
            Anonymous<br>
        </div>
    </body>
</html>