Need Urgent Help with this HTML coding. Please Help.

Ok, I am total novice to HTML. I was making this page on my blog and got totally stuck. The page in question is http://uprightcleaners.com/demo-page

The following is the HTML code for the contents of this page

My Problem:
As you guys can see that the bottom right of each image has the sentence "Yellow Vacuum Cleaner". And below each image is "The best in the town
Great reviews".

But I want it to modify in such a way that "Yellow Vacuum Cleaner", "The best in the town" and "Great reviews" both come on right side of each image.

Something like on this page: http://www.nextag.com/Vacuum-Cleaners/search-html

here beside the image of each product is the a li'l product description. please ignore the "pricing" and "compare prices".

I want tomething like this and a line that divides the two items.

Thanks.

 

Use this code.

<table width="400" border="0" cellspacing="10" cellpadding="5">
  <tr>
    <th scope="col"><a href="http://uprightcleaners.com/wp-content/uploads/2008/12/dysondc07.jpg"><img class="alignleft size-thumbnail wp-image-50" title="dysondc07" src="http://uprightcleaners.com/wp-content/uploads/2008/12/dysondc07-150x150.jpg" alt="" width="150" height="150" /></a></th>
    <th scope="col">Yellow Vacuum Cleaner
The best in the town
Great reviews</th>
  </tr>
  <tr>
    <th scope="col"><a href="http://uprightcleaners.com/wp-content/uploads/2008/12/dysondc07.jpg"><img class="alignleft size-thumbnail wp-image-50" title="dysondc07" src="http://uprightcleaners.com/wp-content/uploads/2008/12/dysondc07-150x150.jpg" alt="" width="150" height="150" /></a></th>
    <th scope="col">Yellow Vacuum Cleaners
The best in the town
Great reviews</th>
  </tr>
</table>

Code (markup):

If you want tableless(with div's) let me know.

 

Thanks for the solution. Please can you show me the tableless code?
Also a separation line that separates both the items.

Thanks.

 

You can make two div's with display:inline and to add a image between them (to be like a separation line)
If you have time to wait I'll make a image for you.

 

I am sorry to say but my HTML is zero. I am an SEO but my coding is Nada.
Ya sure I will wait.

 

Sorry for the delay.
You can use this code :

<table width="400" border="0" cellspacing="10" cellpadding="0">
  <tr>
    <th scope="col"><a href="http://uprightcleaners.com/wp-content/uploads/2008/12/dysondc07.jpg"><img class="alignleft size-thumbnail wp-image-50" title="dysondc07" src="http://uprightcleaners.com/wp-content/uploads/2008/12/dysondc07-150x150.jpg" alt="" width="150" height="150" /></a></th>
    <th scope="col" background="line.png" width="4"></th>
    <th scope="col"><p>Yellow Vacuum Cleaner</p><p>The best in the town</p><p>Great reviews</p></th>
  </tr>
  <tr>
    <th scope="col"><a href="http://uprightcleaners.com/wp-content/uploads/2008/12/dysondc07.jpg"><img class="alignleft size-thumbnail wp-image-50" title="dysondc07" src="http://uprightcleaners.com/wp-content/uploads/2008/12/dysondc07-150x150.jpg" alt="" width="150" height="150" /></a></th>
    <th scope="col" background="line.png" width="4"></th>
    <th scope="col"><p>Yellow Vacuum Cleaner</p><p>The best in the town</p><p>Great reviews</p></th>
  </tr>
</table>

Code (markup):

The image line.png is attached to this post.

 

Thanks ExtremeData. You solved it