Relative Positioning

Defines a relative position for an element. position: relative -> And set the values for top, right, bottom and left properties.
snippet
<html>
<head>
    <style>
        span{position:relative; top:20px}
        i{position:relative; top:-10px}
        down{position:relative; top:-20px}
    </style>
</head>
<body>
    This is an <span>example</span> for <i>relative</i>
    <blockquote class="down">positioning</blockquote>.
</body>
</html>
Related Tutorial
Follow Us
https://www.facebook.com/Rookie-Nerd-638990322793530 https://twitter.com/RookieNerdTutor https://plus.google.com/b/117136517396468545840 #
Contents +