# clear attribute

Type: | "left" or "right"
Inherited: | no
Used By: | All block elements
See: | float

The clear attribute allows more control over any blocks that are floated by setting the float attribute to "left" or "right".
The value can be set to "left" to ensure the block is positioned flush on the left margin of the paragraph, or "right" to ensure it's flush on the right. In practice limitations in the Report Generator mean that setting clear to "right" but float to "left", or vice-versa, will be unlikely to work.

This shows a paragraph with an image in the top-left corner - the text of the paragraph will flow around it.

    <p>
      <img float="left" display="inline" src="image.jpg"/>
      This text will wrap around the image
    </p>

This shows a paragraph with an image in the top-left corner and another image to the right of it.

    <p>
      <img float="left" display="inline" src="image1.jpg"/>
      <img float="left" display="inline" src="image2.jpg"/>
      This text will wrap around the images, which are placed next to eachother
    </p>

This shows a paragraph with an image in the top-left corner and another image below it.

    <p>
      <img float="left" display="inline" src="image1.jpg"/>
      <img float="left" clear="left" display="inline" src="image2.jpg"/>
      This text will wrap around the images, which are placed one below the other
    </p>