JSFiddle - React, Tailwind, and code Playground

HTML

<body>
    <ol>
        <li><a href="http://php.net/" target="frame">php</a></li>
        <li><a href="http://wikipedia.org/" target="frame">wiki</a></li>
        <li><a href="http://www.org/" target="frame">w3org</a></li>
        <li><a href="http://php.net/" target="frame">php</a></li>
        <li><a href="http://wikipedia.org/" target="frame">wiki</a></li>
        <li><a href="http://www.org/" target="frame">w3org</a></li>
        <li><a href="http://php.net/" target="frame">php</a></li>
        <li><a href="http://wikipedia.org/" target="frame">wiki</a></li>
        <li><a href="http://www.org/" target="frame">w3org</a></li>
        <li><a href="http://php.net/" target="frame">php</a></li>
        <li><a href="http://wikipedia.org/" target="frame">wiki</a></li>
        <li><a href="http://www.org/" target="frame">w3org</a></li>
        <li><a href="http://php.net/" target="frame">php</a></li>
        <li><a href="http://wikipedia.org/" target="frame">wiki</a></li>
        <li><a href="http://www.org/" target="frame">w3org</a></li>
        <li><a href="http://php.net/" target="frame">php</a></li>
        <li><a href="http://wikipedia.org/" target="frame">wiki</a></li>
        <li><a href="http://www.org/" target="frame">w3org</a></li>        
        <li><a href="http://php.net/" target="frame">php</a></li>
        <li><a href="http://wikipedia.org/" target="frame">wiki</a></li>
        <li><a href="http://www.org/" target="frame">w3org</a></li>   
        <li><a href="http://forum.htmlbook.ru/index.php?showtopic=44866#entry300295" target="frame">htmlbook</a><li>
    </ol>
    <iframe src="http://example.org/" name="frame">example</iframe>
</body>

CSS

ol {
    float: left;
    border: green 1px solid;
    overflow: auto;
    height: inherit;
    width: 85px;
    margin: 0;
    padding: 0;
}
iframe{
    width: 300px;
    height: 300px;
}
body{
    border: black 1px solid;
    width: 400px;
    height: 300px;
}