Xilize example

directives:clear

clear generates a <div /> element that clears floats, either left, right, or both.

Xilize markup	browser rendering
!< colors.png! text !< colors.png! clear. text	text text

Xilize markup

browser rendering

!< colors.png!

text

!< colors.png!

clear.

text

text

XHTML generated

<p><img src="colors.png" style="float:left;" /></p>

<p>text</p>

<p><img src="colors.png" style="float:left;" /></p>

<div style="clear:both" ></div>

<p>text</p>