Getting img floating not to inherit

I have most of the page working and a valid CSS file now according to W3C.org but I am not able to get my img.left to have the text line up to the left beside the image it wantes to center according to what its parent .body is doing. The only way I have figured out so far to get the img.right to have text line up on the right is to us the <align="right"> for the images and text lining up to the right. Now i have had to add a new <div> to get the logo to line up to the left but that also ment adding a .body class for the align="center".
is there any simple way to fix this short of using a .cnt { text-align: center;} class and changing the body class to not align center.
CSS coding
<body>

<p><a href="mh.htm"><img src="P41sm.jpg" class="left" alt="City Park" syle=width: "200" height: "150"></a>
<span class="ptitl">"View from City Park"<br>somewhere</span>
<br style="clear: left"></p><hr>
<p align="right"><a href="mh1.htm"><img src="P40sm.jpg" class="right" alt="City Park" syle=width: "200" height: "150"></a>
<span class="ptitl">"View from City Park"<br>somewhere</span>
<br style="clear: right"></p><hr>
Any suggestions whould be most helpfull, mazybe someone can even help me so i dont have to use that
<p align="right"> for the right side text and image
Thanks

Getting img floating not to inherit

Kysmiley

Nick_W

Kysmiley

Join The Conversation

Moderators and Top Contributors

Hot Threads This Week