Is it possible to make two divs contained in table cells in a shared row both have the height of the taller div without using JavaScript? Take a look at this simplified example here: http://jsfiddle.net/Lem53dn7/1/
Check out the code snippet from the fiddle:
HTML
<table>
<tr>
<td>
<div>small content</div>
</td>
<td>
<div>this is some longer content that will wrap.
I want the other div to be the same height as this one.</div>
</td>
</tr>
</table>
CSS
table{
width: 200px;
table-layout: fixed;
}
div {
border: 1px solid black;
}