Comments	HTML source	display in your current browser
normal static positioning	<h4>box1</h4> <h4>box2</h4> <h4>box3</h4>	box1 box2 box3
fixed position	<div> <h4>box1</h4> <h1 style="position:fixed; left:10px; top:10px; background-color:red"> top left corner</h1> <h1 style="position:fixed; right:10px; bottom:10px; background-color:red"> bottom right corner</h1> <h4>box4</h4> </div>	box1 top left corner bottom right corner box4

Comments

HTML source

display in your current browser

normal static positioning

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

box1

box2

box3

fixed position

<div>
<h4>box1</h4>
<h1 style="position:fixed;
 left:10px; top:10px; 
 background-color:red">
top left corner</h1>
<h1 style="position:fixed;
 right:10px; bottom:10px; 
 background-color:red">
bottom right corner</h1>
<h4>box4</h4>
</div>

Position a box with coordinates relative to the global screen

box1

box2

box3

box1

top left corner

bottom right corner

box4