HTML | Two Columns Side By Side In Blog PostSimple, Quick, Easy

This is for the HTML-challenged who do not want to become experts. If you want two columns side-by-side in a blog post, here's one way. Click here for the finished product that opens in a new window. The code is below. The beginning and ending of this HTML does not include all of the text in the finished product above and below the 2 column area.

The ability to extend knowledge into more knowledge is one of the main reasons we must use these keys.<br /><br /><br /> <style type="text/css"> #leftcolumn { width: 175px; margin: 0px; float: left; } #rightcolumn { width: 400px; margin: 0px; float: right; } </style> <div id="leftcolumn"><left><b><u>KEYS</u></b></left><p></p> 1. As above, so below.<p></p>2. Know yourself.<p></p>3. Let food be your medicine and medicine be your food.<p></p>4. Everything is free.<p></p>5. It takes a village to raise a child.<p></p>6. One in many, many in one.<br /><br /> </div> <div id="rightcolumn"><left><b><u>EXTENSIONS</u></b></left><p></p> 1. As below, so above, As within, so without, As without, so within.<p></p>2. Know all else.<p></p>3. What satisfies also purifies.<p></p> </br>4. Basically, resourcefully, naturally.<p></p>5. It takes shared values to raise a village.<p></p> </br>6. The singular and plural are in each other.<br /><br /> </div><div style="clear: both;"></div> <p></p>As you can see, "lucKY" is not one of the keys.<p></p>

Each user of this code might need to adjust “width” and “margin.” Play with it as a draft and save often.

Don't know if this displays properly on any browser or device. Any suggestions to simplify or clean up this code are appreciated.

Now, here's the pure code for those who do not need all my text:

<style type="text/css"> #leftcolumn { width: 175px; margin: 0px; float: left; } #rightcolumn { width: 400px; margin: 0px; float: right; } </style> <div id="leftcolumn">INSERT LEFT COLUMN TEXT HERE</div> <div id="rightcolumn"></div>INSERT RIGHT COLUMN TEXT HERE<div style="clear: both;"></div> <p></p>

Here's an idea. Unless it's already being done, someone interested in showing Blogger to Blogger Love could create a website for “HTML-Challenged Bloggers” that simply provides the final code solution for the many situations that come up. Help and forums are good but a lot to wade through and work through.