when I run this web page " the voice of civil write series" appears above the paragraph but I want it next the paragraph on left hand side

<html>
<head>
<!--
New Perspectives on HTML and XHTML
Tutorial 3
Case Problem 3

Martin Luther King, Jr.
Author:

Filename: king.htm
Supporting files: back.jpg, king1.gif - king6.gif
-->

<title>Martin Luther King, Jr.</title>
</head>

<body style="color: black; background: rgb(204, 204, 153) url(back.jpg) no-repeat scroll left bottom; font-size: 0.9em; margin-left: 60">
<div id="bannerImage">
<img src="banner.jpg" "text-align left; alt="The Voices of Civil Rights Series"/>
</div>

<div id="pageContent">

<h1 style="text-align: center; color: rgb(204, 204, 153); background-color: rgb(102, 102, 204); font-family: Arial, Helvetica, sans-serif">
Martin Luther King, Jr.
</h1>

<p>
<span style="float: left; color: rgb(102, 102, 204); font: bold 3em; line-height: 1em; margin-right: 5">I</span>

have a dream that one day this nation will rise up and live out the true meaning of its creed:
"We hold these truths to be self-evident: that all men are created equal." I
have a dream that one day on the red hills of Georgia the sons of former slaves and the sons of
former slaveowners will be able to sit down together at a table of brotherhood. I have a dream
that one day even the state of Mississippi, a desert state, sweltering with the heat of
injustice and oppression, will be transformed into an oasis of freedom and justice. I
have a dream that my four children will one day live in a nation where they will not be judged
by the color of their skin but by the content of their character. I have a dream today.
<img src="king1.gif" alt="" style="float: right; margin: 0 0 0 5" />
<img src="king2.gif" alt="" style="clear: right; float: right; margin: 0 0 0 5" />
<img src="king3.gif" alt="" style="clear: right; float: right; margin: 0 0 0 5" />
<img src="king4.gif" alt="" style="clear: right; float: right; margin: 0 0 0 5" />
<img src="king5.gif" alt="" style="clear: right; float: right; margin: 0 0 0 5" />
<img src="king6.gif" alt="" style="clear: right; float: right; margin: 0 0 0 5" />