Olive said learn flexboxes and I TRIED but in the end this is just a slightly more responsive table. You can see it in action for Fortitude Greengrass's history - it has responsive min-widths, aligns your text to the top of the row, puts a border between rows, and has title styling built in that you can use or not. That's it, that's all it does, it's very simple. You can style the sidebar as titles:
or add a centered title:
example:
Or just don't use the title at all :P Add as many rows as you need. Yell at me if it breaks.
MJ made this <3
Code:
<link href="https://dl.dropbox.com/s/vfuk5bpv8pc0mir/cleantable.css?dl=0" rel="stylesheet"><div class="cleantable"><table>
<tr><td><span class="title">July, 1866<br>Optional Title</span></td><td>Ford is born.</td></tr>
<tr><td><span class="title">1868 — 1877<br>Optional Title</span></td><td>Noble is born in 1868, which is delightful. Ford is very much in favor of siblings to play with. He is followed by Verity, Grace, and finally by Clementine in 1874, which completes the Greengrass family. As a group they are close-knit and affectionate, though it is clear from the beginning they are remarkably different people with personalities that might clash in another setting.</td></tr>
</table></div>or add a centered title:
Code:
<link href="https://dl.dropbox.com/s/vfuk5bpv8pc0mir/cleantable.css?dl=0" rel="stylesheet"><div class="cleantable"><table>
<tr><td colspan="2" style="text-align:center"><span class="title">A Centered Title</span></td></tr>
<tr><td>July, 1866</td><td>Ford is born.</td></tr>
<tr><td>1868 — 1877</td><td>Noble is born in 1868, which is delightful. Ford is very much in favor of siblings to play with. He is followed by Verity, Grace, and finally by Clementine in 1874, which completes the Greengrass family. As a group they are close-knit and affectionate, though it is clear from the beginning they are remarkably different people with personalities that might clash in another setting.</td></tr>
</table></div>example:
Or just don't use the title at all :P Add as many rows as you need. Yell at me if it breaks.
MJ made this <3