Images are center but I don’t want it to.

Ok I created images for my paragraph headers and I am using the text-align:left; to get the image to align to the left but it keeps centering. Please let me know what I’m doing wrong. Thank you.

[Code]

/*Home Page*/

#mainbody {
margin:0;
padding:0;
width:100%;
font-family:Arial, Helvetica, sans-serif;
text-alight:left;
}

img.maintext {
margin:0;
padding:10px;
border:none;
text-align:left;
}

h1.maintext {
margin:0;
padding:10px;
font-family:Arial, Helvetica, sans-serif;
text-align:left;
font-size:16px;
font-weight:bold;
}

h2.maintext {
margin:0;
padding:5px 10px;
text-align:left;
font-size:14px;
font-style:italic;
text-decoration:underline;
}

p.maintext {
margin:0;
padding:5px 10px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-align:justify;
}

[/Code]

[code]

<div id=”mainbody”>

<img class=”maintext” src=”Images/DidYouKnow.jpg” />

<p class=”maintext”>some stuff</p>

<img class=”maintext” src=”Images/ShareOurExcitement.jpg” />

<p class=”maintext”>some more stuff</p>

<p class=”maintext”>some other stuff</p>

<p class=”maintext”>some other stuff</p>

<p class=”maintext”>some other stuff</p>

<p class=”maintext”>from stuff</p>

</div>

[/code]

Also in #CSS _↴