# How to use position: absolute

**URL:** https://forum.kirupa.com/t/how-to-use-position-absolute/322831
**Category:** web dev
**Created:** [June 5, 2011, 3:50am UTC](https://forum.kirupa.com/t/how-to-use-position-absolute/322831 "2011-06-05T03:50:22Z")
**Posts on this page:** 1
**Page:** 1

<div class="post-metadata">

### Author: ![peterben](https://avatars.discourse-cdn.com/v4/letter/p/7ab992/32.png) [@peterben](https://forum.kirupa.com/u/peterben)
#### Post date: [June 5, 2011, 3:50am UTC](https://forum.kirupa.com/t/how-to-use-position-absolute/322831/1 "2011-06-05T03:50:22Z")

</div>

Do you know how to use this attribute ?  
Very simple, you just make it part of a Tag with relative attribute  
EX:  
\<div class=“contain”\>  
\<span\>Absolute Content\</span\>  
\</div\>

“contain” will have css code  
.contain{  
position: relative;  
width:500px;  
height:500px;  
}  
Span tag will use absolute attribute, and i will put it in top left  
.contain{  
position: absolute;  
top:0;  
left:0;  
}

# You can try remove relative attribute of contain class and see result :sigh:

[Expected Technology](http://www.expectedtech.com)