As I also mentioned, it has been a long time since I've had to use code. So some ASSISTANCE would be greatly appreciated.
Divs inside divs is the key. Below is the basic idea, but I've not got the energy or the will to decipher my own code for that table to figure out exactly what I did to get it all on one row. That's where looking for certain properties in the CSS thread (which has an IMMENSELY COMPLETE list of all the properties that work here) to fill in what I don't remember to make the table look decent and be on one row.
[div="width:700px;"][div="100px;"]data[/div][div="150px;"]data[/div][div="300px;"]data[/div][div="150px;"]data[/div][/div]
The above in action (again, I DO NOT remember how I got it all on one row and am not in a mood to figure out how I did it):
Note how each div creates a new line after it normally. I cannot figure out my own "wizardry" from several months back for that table.
If you are moderately skilled in CSS, you should be able to decipher my CSS, even if it takes a while. It took me a good long time to do that table before. I myself am only moderately skilled in HTML and CSS.
It may look like a big gooey mess for the table at the bottom, but it's really just a bunch of divs that I can't figure out how I got on one row for each table row. If you look at the actual properties for the divs, it's just a bunch of float:right, float:left, height:, width:, and border tags. I'm not exactly sure how I did that so I can't explain.