Navigational Map Nav Reference 10.3a 

<!-- text flowed around an image example  -->       
      <p class="left">
        <img class="float-left"
		width="68" height="90" 
		src="beaker.jpg" 
		alt="[Image of the muppet character beaker]" />
        Lorem ipsum dolor sit amet, consectetuer adipiscing
        elit, sed diam nonummy nibh euismod tincidunt ut
        laoreet dolore magna aliquam erat volutpat. Ut wisi
        enim ad minim veniam, quis nostrud exerci tation
        ullamcorper suscipit lobortis nisl ut aliquip ex ea
        commodo consequat. Duis autem vel eum iriure dolor in
        hendrerit in vulputate velit esse molestie consequat,
        vel illum dolore eu feugiat nulla facilisis at vero
        eros et accumsan et iusto odio dignissim qui blandit
        praesent luptatum zzril delenit augue duis dolore te
        feugait nulla facilisi. Lorem ipsum dolor sit amet,
        consectetuer adipiscing elit, sed diam nonummy nibh
        euismod tincidunt ut laoreet dolore magna aliquam erat
        volutpat.
      </p>
      <p class="left">
        <img class="float-right" 
		width="68" height="90"
		src="beaker.jpg"
		alt="[Image of the muppet character beaker]" />
        Ut wisi enim ad minim veniam, quis nostrud exerci
        tation ullamcorper suscipit lobortis nisl ut aliquip ex
        ea commodo consequat. Duis autem vel eum iriure dolor
        in hendrerit in vulputate velit esse molestie
        consequat, vel illum dolore eu feugiat nulla facilisis
        at vero eros et accumsan et iusto odio dignissim qui
        blandit praesent luptatum zzril delenit augue duis
        dolore te feugait nulla facilisi.
      </p>
      <p class="left">
        Nam liber tempor cum soluta nobis eleifend option
        congue nihil imperdiet doming id quod mazim placerat
      <img class="float-right" 
	   width="68" height="90"
		src="beaker.jpg"
		alt="[Image of the muppet character beaker]" />
        facer possim assum. Lorem ipsum dolor sit amet,
        consectetuer adipiscing elit, sed diam nonummy nibh
        euismod tincidunt ut laoreet dolore magna aliquam erat
        volutpat. 
      <img class="float-left" 
	    width="68" height="90"
		src="beaker.jpg"
		alt="[Image of the muppet character beaker]" />
        Ut wisi enim ad minim veniam, quis nostrud exerci
        tation ullamcorper suscipit lobortis nisl ut aliquip ex
        ea commodo consequat. 
        Duis autem vel eum iriure dolor
        in hendrerit in vulputate velit esse molestie
        consequat, vel illum dolore eu feugiat nulla facilisis.
      </p>

<-- Main Tutorial