How would YOU do this: Tables or CSS? [closed]

Answer 1

_{(source: sontag.ca)}
I first did this exercise a little over 2 years ago when I was first learning HTML and CSS. My first solution was like the one you see here, except without the anonymous container DIVs. Then I got this idea for a web page that did a side by side comparison of CSS to a Table to prove CSS was better. So I worked on The Challenge page, published it, and then posted this question.

Sam Hasler posted an answer within minutes, it seems, that was really close. I could see he was on track for a better solution than what I had. All his divs were in order, and mine were not. Jacco posted a comment asking why I used two nested tables when one would do. He was right too, of course.

So I had two Homer Simpson "Doh!" moments right away. I read other questions and answers on tables vs. CSS. Someone mentioned that tables centered vertically. My answer did not center vertically either, but I thought it might be possible. The whole point, after all, is to do everything a table can do and better. I had painted myself into a corner by now, looking like a fool, so I had to find an answer.

Eventually (am embarrassed to say how long it was) I came up with the solution below. I was then able to fulfill my original concept of a side-by-side comparison web page.

Here is an explanation of how it all works and why you should use CSS

Charlie's answer...

---

  
 1 
  
3
3
3
  

    
 4 
    
 5
5 
    
 6 
    
 7 
    
 8 
  
  
 2
2
2
2 
  
 9 9 9