Putting an image to the left of a paragraph

Short excerpt from the synopsis of an as yet unpublished novel..

Fortune smiles on the formerly despised bad-luck boy and frowns on his enemies. The murderers die in a series of odd coincidences, as if higher powers have gotten fed up with their antics. All seems well until, to Radovec's dismay, he discovers that divine justice has left some dangerous magical loose ends.

Foreboding hints lead to the revelation that the warped shaman had a soul-stealing talisman, and it has gone out of control since his death. The widow of the other murderer has it now--or it has her. Henchmen of the possessed madwoman kidnap Radovec's kind-hearted mentor. His rescue takes an unexpected turn when Radovec teleports to the villains' hideout. He is as surprised as anyone else. Thanks to fast thinking and skills honed by solitary survival--and a touch of magic--Radovec manages to drive away the kidnappers and save his friend. Then the main rescue party charges over the hill just in time to save Radovec from the talisman. 
.icon { background-image: url("imgs/wbit.jpg"); 
background-repeat:no-repeat;
background-position:center left;
padding:0px 0px 0px 40px;
margin-left:10px; /* I just wanted it over a mite */
}

using this extra trick for the one-liner:

.h-40 {
 height:40px;
}

Unfortunately, the image and text don't want to center 
vertically when there is only one line. :-(   Maybe I
need to add something...

Special height classes are handy to have around, though. 


Don't look at the stylesheet, it's a mess :p