How can I get a 3 column layout for images and text?

[shamrockjzb]

Currently, the home middle widget for my website has five images side by side with a short piece of text below them and looks like this http://www.shamrabyrne.com.  Here is the code I have in the widget area for each image:

<div id="featured-post-2" class="widget featuredpost"><div class="widget-wrap"><div class="post-137 post type-post status-publish format-standard hentry category-blog category-uncategorized"><a href="http://shamrabyrne.com/specialized-programs/#Signature Total Transformation Package" STYLE="text-decoration: none" title="Signature Total Transformation Package" class="alignleft"><img width="175" height="125" src="http://shamrabyrne.com/wp-content/uploads/2012/12/feminine11.jpg" class="attachment-Home Thumbnail" alt="Signature Total Transformation Package" title="Signature Total Transformation Package" /><br/>Total Transformation</a></div><!--end post_class()-->

What I would really like to do is have it setup to be a 3 column layout with each image on the left and some text on the right hand side of each image so it looks like this: http://shamrabyrne.com/wp-content/uploads/2013/01/layout1.jpg

Does anyone have any idea how I can get this done?

[SoZo]

What happens whne you enable the content in the widget and align the image left?

---

John “Nicolas Flamel” Wright | SoZo’s design| John Wright Photography

[Author]

Posts