JSFiddle - React, Tailwind, and code Playground

by orjan

HTML

<div id="container">
        <div id="col-large">
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In tempus, risus eu ullamcorper tempor, mi orci varius urna, eget luctus eros quam non turpis. Cras id risus magna. Aliquam justo arcu, laoreet at mi nec, tristique ullamcorper urna. Suspendisse nec euismod lorem. In id nulla vel lectus suscipit molestie. Ut mollis, augue non volutpat molestie, purus massa fermentum mauris, eget iaculis ligula tortor sed nibh. Vestibulum luctus enim eu hendrerit pretium.</p>
            <p>Integer mi erat, eleifend sed est non, ultrices semper erat. Maecenas volutpat aliquet diam, ullamcorper rutrum massa fringilla in. Nulla aliquet elit et velit vulputate, id dictum magna blandit. Donec viverra volutpat purus, mollis rutrum leo pretium non. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Vivamus tempus et sem sed imperdiet. Aenean varius tempor tellus a ornare. Maecenas iaculis, libero eu ultrices viverra, nibh eros cursus ligula, at gravida eros velit quis enim. Proin rutrum felis risus.</p>
        </div>
        <div id="col-small">
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In tempus, risus eu ullamcorper tempor, mi orci varius urna, eget luctus eros quam non turpis. Cras id risus magna. Aliquam justo arcu, laoreet at mi nec, tristique ullamcorper urna. Suspendisse nec euismod lorem. In id nulla vel lectus suscipit molestie. Ut mollis, augue non volutpat molestie, purus massa fermentum mauris, eget iaculis ligula tortor sed nibh. Vestibulum luctus enim eu hendrerit pretium.</p>
        </div>
</div>

CSS

body {
    font-family:"Lucida Grande", verdana, arial, helvetica, sans-serif;
    font-size: 62.5%;
    color: #333;
    text-align: center;
}
#container {
    width: 95%;
    margin: 2.5%;
    padding: 0;
    text-align: left;
}
#col-large {
    float: left;
    width: 61.8%;
    padding: 0 0 0 1%;
    margin: 0;
    background-color: #e6e6e6;
}
#col-small {
    float: right;
    width: 36.2%;
    padding: 0 0 0 1%;
    margin: 0;
    background-color: #f2f2f2;
}