Real CSS Tables

I've been learning to love CSS over the last few years, but have always struggled when it comes to displaying content in a tablular format.  Whenever I've run into the need for it, I've run straight back to the HTML <table> element, and then just felt bad about it later. Today, I accidentally ran into a post on StackOverflow that might finally turn me away from tables forever.  I don't know why this never clicked before, but the 'display' options of 'table', 'table-row', and 'table-cell' didn't sink in until I read the answers on that post.  Awesome stuff!

The content of this field is kept private and will not be shown publicly.

Filtered HTML

  • Web page addresses and email addresses turn into links automatically.
  • Allowed HTML tags: <a href hreflang> <em> <strong> <cite> <blockquote cite> <code> <ul type> <ol start type> <li> <dl> <dt> <dd>
  • Lines and paragraphs break automatically.

Comments

Filtered HTML

  • Web page addresses and email addresses turn into links automatically.
  • Allowed HTML tags: <a href hreflang> <em> <strong> <cite> <blockquote cite> <code> <ul type> <ol start type> <li> <dl> <dt> <dd>
  • Lines and paragraphs break automatically.