positioning relative to parent, removed from normal stacking flow

Comments	HTML source	display in your current browser
normal static positioning	<h4>box1</h4> <h4>box2</h4> <h4>box3</h4>	box1 box2 box3
absolute-position the second box2, overlapping box1 and box3 ( It doesn't work inside table cell)	<div> <h4>box1</h4> <h1 style="position:absolute; left:30px; top:20px; background-color:red"> box2</h1> <h4>box3</h4> </div>

Comments

HTML source

display in your current browser

normal static positioning

<h4>box1</h4>
<h4>box2</h4>
<h4>box3</h4>

absolute-position the second box2, overlapping box1 and box3 ( It doesn't work inside table cell)

<div>
<h4>box1</h4>
<h1 style="position:absolute;
 left:30px; top:20px; 
 background-color:red">
box2</h1>
<h4>box3</h4>
</div>