Relatively position an element without it taking up space in document flow code example

Example 1: how to make a relative div not take up space

.div
{
    position: relative;
    bottom: 36px;  /* position the div */
    float: right;  /* you can choose left or right */
}

/* i hope this helped ^^ */

Example 2: Relatively position an element without it taking up space in document flow

.box {
    position: relative;
    top: -30px; 
    margin-bottom: -30px;
}

Example 3: Relatively position an element without it taking up space in document flow

    

        Hi there, I'm 100px offset from where I ought to be, from the top and left.