Hey Raunchy Mike,
On the “edit page”, change the editor to html from visual mode.
You will see those code for the picture and name.
<p><a href="http://www.raunchymike.com/wp-content/uploads/2011/12/December-8th-A-Hero-Dies.jpg"><img width="150" height="150" class="alignleft size-thumbnail wp-image-230" title="December 8th A Hero Dies" alt="" src="http://www.raunchymike.com/wp-content/uploads/2011/12/December-8th-A-Hero-Dies-150x150.jpg"></a></p>
<p><a target="_blank" title="Ride for Dime" href="http://www.ridefordime.com/">Ride for Dime</a></p>
Wrap it up with <div> box with a class name. So it will look something like:
<div class="picturebox">
<p><a href="http://www.raunchymike.com/wp-content/uploads/2011/12/December-8th-A-Hero-Dies.jpg"><img width="150" height="150" class="alignleft size-thumbnail wp-image-230" title="December 8th A Hero Dies" alt="" src="http://www.raunchymike.com/wp-content/uploads/2011/12/December-8th-A-Hero-Dies-150x150.jpg"></a></p>
<p><a target="_blank" title="Ride for Dime" href="http://www.ridefordime.com/">Ride for Dime</a></p>
</div>
Now go to Appearance > Editor and click Stylesheet link in the right sidebar. At the bottom of it, add the css code and save it.
.picturebox { clear:both; }
It should work.
Hi geeksfolder, I tried but I probably did something wrong because it didn’t work.
This did the trick though: <p align=”none”> </p>. It adds a space, so if you add enough the thumbnails and the links line up perfectly. I found it on: http://en.forums.wordpress.com/topic/how-can-i-add-spaces-to-a-post?replies=10
Check the result on: http://www.raunchymike.com/raunchylinks/
Thanks!