<!DOCTYPE html> <title>flexbox | flexcontainers in cells with rowspan</title> <link rel="author" href="http://opera.com" title="Opera Software"> <link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-property"> <link rel="match" href="flexbox_rowspan-ref.html"> <style> table { width: 600px; table-layout: fixed; border-spacing: 0; } td { background: blue; padding: 0; overflow: hidden; } div { background: white; width: 300px; height: 8em; display: flex; } p { color: white; margin: 1em; width: 200px; } </style> <table> <tr> <td rowspan="2"> <div> <p>filler</p> <p>filler</p> <p>filler</p> <p>filler</p> <p>filler</p> </div> </td> <td> <div> <p>filler</p> <p>filler</p> <p>filler</p> <p>filler</p> <p>filler</p> </div> </td> </tr> <tr> <td> <div> <p>filler</p> <p>filler</p> <p>filler</p> <p>filler</p> <p>filler</p> </div> </td> </tr> </table>