This page demonstrates how different position styles affect layout. Select position values from the selection lists and input boxes below. The first column of input fields sets the position of the larger red box. The second column of input fields sets the position of the smaller yellow box. To reset all the two colored boxes to their default positions, click the reset button. The position of the dotted paragraph can not be set, but it may change in relation to the movements of the two colored boxes.
Sample paragraph.
Carey, P. New Perspectives on HTML and XHTML, Course Technology: Boston, 2004.