JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <title></title>
</head>
<body>
<div style="display:inline-block">
        <div style="float: left; background: #eee; position: relative;">
        <div style="float: left; border: 1px solid #000; padding: 5px;">
                <table>
                        <tr>
                                <td>dsfsfsd  sdf sfsdsfsfsf f sfsdf</td>
                                <td>sdfsdfs f sdfs fsdfsd sdf </td>
                        </tr>
                        <tr>
                                <td> dfsfsfsf sf sf  fs  fsf</td>
                                <td>dsfsfsdfsdfsf dsdfsdf</td>
                        </tr>
                </table>
                </div>
                <div style="clear: left; border: 1px solid #000; padding: 10px; position: absolute; top: 100%; left: 0; right: 0; background: #eee;">
                <ol>
                <li> fggdg dg gd dfgdfg fdgd gdgd dgd g dgdg dfg dg gd dg dgdg dgdg </li>
                <li> fggdg dg gd dfgdfg fdgd gdgd dgd g dgdg dfg dgdfgfgdfg dfg dgdfg gd dg dgdg dgdg </li>
                <li> fggdg dg gdd g dgdg dfg dg gd dg dgdg dgdg </li>
                <li> fggdg dg gd dfgdfg fdgd gdgd dgddfgdfgdfg dgd fgdfgdgdfg g dgdg dfg dg gd dg dgdg dgdg </li>
                <li> fggdg dg gd dfgdfg fdgd gdgd dgfgdfggsg sgg dfgdgd g dgdg dfg dg gd dg dgdg dgdg </li>
                </ol>
                </div>
        </div>
</div>
</body>
</html>