January 22, 2012: It’s been four years since I made this original post and this solution appears to still be simplest one out there. I did a little looking around on the Internets and have seen all sorts of different attempts; plug-ins, rewriting style sheets, and long complicated lines of code. I’m a bit surprised that this is still such an ongoing issue and that so many other folks are still having to spend hours searching for a way to add line breaks. I’m glad that I have been able to help out.
I came across the issue of adding a line break on one of my pages. This page contains an iframe, which may or may not be the root of the problem. My goal was to have a couple of lines of text, space, camera image, space, and a couple more lines of text. I finally got there, but it took a little Googling. I tried using the regular tags;
<br />, but they didn’t work. The original code for the iframe had the image being aligned to the left. By deleting the align code I was able to get the second line of text to move to the bottom of the frame. I still wanted an extra space under the camera image. After Googling for line breaks I stumbled on A Truth Seeker’s blog and copied this little snippet of code:
<br clear="none" />
That did the trick. I’m calling this a hack since I didn’t really bother with too much research. I just tried stuff until I got my line break. I’m also a lazy html’er. I only learn code when I want to do something. Please feel free to add your comment, especially if you know what the correct solution should be.
(Edit 1/14/2009: Deleted the link to the Harley Cam. Sadly, that page no longer exists.)
(Edit 7/9/2010: Deleted the link to the Truth Seeker’s blog. It apparently no longer exists.)