MMDT1021 Chapter 5 Notes - page 9

Wrapping text around images (Alignment)

Code	Page
An example page using all align values.	Result Source

Stopping Text Wrap

Without any 'clear' attribute in the <br> tag.

Code Result

Code	Result
`<img src="images/world.jpg" border="0" width="137" height="145" alt="Globe image" align="left" /> <h1>Big Text</h1> <br /> This is some regular text. This is some regular text. This is some regular text. This is some regular text. This is some regular text. This is some regular text.`	Big Text This is some regular text. This is some regular text. This is some regular text. This is some regular text. This is some regular text. This is some regular text.

<img src="images/world.jpg" border="0" width="137" height="145" 
      alt="Globe image"  align="left" />

      <h1>Big Text</h1>

      <br />

      This is some regular text. This is some regular text. This is some regular 
      text. This is some regular text. This is some regular text. This is some 
      regular text.

Big Text

This is some regular text. This is some regular text. This is some regular text. This is some regular text. This is some regular text. This is some regular text.

With a 'clear' attribute in the <br> tag between the <h1> tag and other text.

Code Result

Code	Result
`<img src="images/world.jpg" border="0" width="137" height="145" alt="Globe image" align="left" /> <h1>Big Text</h1> <br clear="all" /> This is some regular text. This is some regular text. This is some regular text. This is some regular text. This is some regular text. This is some regular text.`	Big Text This is some regular text. This is some regular text. This is some regular text. This is some regular text. This is some regular text. This is some regular text.

<img src="images/world.jpg" border="0" width="137" height="145" 
      alt="Globe image" align="left" />

      <h1>Big Text</h1>

      <br clear="all" />

      This is some regular text. This is some regular text. This is some regular 
      text. This is some regular text. This is some regular text. This is some 
      regular text.

Big Text

This is some regular text. This is some regular text. This is some regular text. This is some regular text. This is some regular text. This is some regular text.

With a 'clear' attribute in the <br> tag before the <h1> tag.

Code Result

Code	Result
`<img src="images/world.jpg" border="0" width="137" height="145" alt="Globe image" align="left" /> <br clear="all" /> <h1>Big Text</h1> This is some regular text. This is some regular text. This is some regular text. This is some regular text. This is some regular text. This is some regular text.`	Big Text This is some regular text. This is some regular text. This is some regular text. This is some regular text. This is some regular text. This is some regular text.

<img src="images/world.jpg" border="0" width="137" height="145" 
      alt="Globe image" align="left" />

      <br clear="all" />

      <h1>Big Text</h1>

      This is some regular text. This is some regular text. This is some regular 
      text. This is some regular text. This is some regular text. This is some 
      regular text.

Big Text

This is some regular text. This is some regular text. This is some regular text. This is some regular text. This is some regular text. This is some regular text.