JSFiddle - React, Tailwind, and code Playground

by fred02138

HTML

<div class="container">
    <div class="info">
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean id malesuada dui. Suspendisse potenti. Suspendisse semper auctor neque eu suscipit. Maecenas in nibh blandit, fermentum urna id, interdum erat. Duis quam orci, ultrices non elementum at, malesuada id neque. Curabitur vel tempor purus, vitae ultricies libero. Quisque at posuere lorem. Etiam non bibendum diam, eget rutrum ipsum. Integer ornare tempor nulla sit amet vehicula. Aliquam ut sollicitudin eros. Ut est turpis, egestas ac viverra in, placerat consequat urna. In hac habitasse platea dictumst.
    </div>
    <div class="frame">
        <iframe src="http://jsfiddle.net"></iframe>
    </div>
</div>

CSS

body, .container {
    height: 100%;
    padding: 10px;
}

.info {
    float: left;
    width: 40%;
}

.frame {
    float: left;
    width: 60%;
    height: 100%;
}

.frame > iframe {
     height: 100%; 
    width: 100%;   
}