I am working on a web page where I want to place content in bordered boxes of varying sizes. They will be in two columns but top and bottom borders in column 1 are not supposed to line up with the top and bottom borders in column 2. I have created the attached simple web page to demonstrate the code I am using and results I get.
If you look at the attached graphic, you will see what I want and what I am getting. There’s not much to see, but if you want to see it in action, go here
. It seems silly to have to add two more tables to get what I want.
What’s the problem here and how do I fix it?