Creating a margin, next to the thumbnails

PHP
1

I’m using a php script for a video web site.
After a search, a thumbnail appears with a description next to it. I’ve added      to move the description to the right of the thumbnail image, but it only moves the first line of text, the next line, in the description, is flush up against the thumbnail image again. I’m looking for a solution where all of the description lines have a margin a space between themselves and the thumbnail image.

I believe this line of code is where the description is generated/displayed from:


[blk1.vid_desc;htmlconv=no;block=div;ope=max:268;comm]

Any suggestions? Thanks.

Here’s the whole file:


<!--Begin Wide Column-->
<div id="column-wide" style="margin: 0px auto; float: none;">
  <div id="generic-container" >

 <div style="margin-left:12px; float:left;">
    <!--<img src="themes/[var.user_theme]/images/icons/members_32.png" alt="members" width="32" height="32" align="absmiddle" />&nbsp;&nbsp;<strong>Purchased Videos:
    &nbsp;[var.members_total;comm]</strong>-->
  </div>
  <br />

  <div id="members-search">
<br/><br/>

<center><div class="container8">
         <p>
       	<center><font face="verdana"><font size="2";font color=#000000;">Please find your search results below for your search word(s) "<font face="verdana"><font size="2";font color=#800000;">[var.keyword]</font>" .<br/>
		<font face="verdana"><font size="2";font color=#800000;">To view, simply select the video thumbnail image.</font><br/>
		<font face="verdana"><font size="2";font color=#000000;">To search again, simply select the word "search" in the navigation menu above.</center></font>
	         </p>
</div></center>

<br/>

<div id="content-list" style="float:none;width:590px;text-align:center">
<br/>
<table style="border:none">
	<tr>
	   <td width="10px"><a href="videos/[blk1.vid_id;block=div]/" rel="gb_page_center[600, 440]" style="float:right"><img src="uploads/thumbs/[blk1.thumb_string;block=div].jpg" alt="video pic" width="120" height="90" border="0" /></a></td>
	   <td width="400px"><span style="color: #000000;"><!--[var.lang_title]--></span>&nbsp;&nbsp;&nbsp;&nbsp;<a href="videos/[blk1.vid_id;block=div]/" rel="gb_page_center[600, 440] "><!--[blk1.Title;htmlconv=no;block=div;ope=max:70;comm]--></a><br /><!--[var.lang_description]:-->&nbsp;&nbsp;&nbsp;&nbsp;[blk1.vid_desc;htmlconv=no;block=div;ope=max:268;comm]</td>
	</tr>
</table>
<br/>

 </div>
</div>
<!--End Wide Column-->
2

You can use hspace and vspace although these are depreciated ?
http://www.htmlcodetutorial.com/images/_IMG_ALIGN.html

Or a CSS method - search google or check this out:
http://www.devlounge.net/design/aligning-images-the-right-way-using-css