Responsive tables, the smart way

Question

I\'ve got a table that contains data. Tabular data. And it looks like this.

Answer 1

You could inline block the elements. I haven't had much time to play, but something like the following:

#content {
    border:1px solid;
    border-collapse:collapse;
}
#content td, #content th {
    border:1px solid;
    text-align:left;
    padding:.07em .2em;
    white-space:nowrap;
    font-weight:400;
}
#content td {
    display: inline-block;
    width: 100px;
}

It's not the prettiest creation, though!

http://jsfiddle.net/8H3bN/