JSFiddle - React, Tailwind, and code Playground

HTML

<div id="leftcolumn">
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nec quam semper, tincidunt quam a, fringilla arcu. Aenean adipiscing cursus massa eget eleifend. Ut a dui at metus hendrerit cursus eget et nisl. Praesent tempus mauris vitae ullamcorper interdum. Suspendisse potenti. Proin vitae lacus pretium, venenatis ipsum vel, cursus nunc. Phasellus dignissim rhoncus felis. Proin vitae metus rutrum augue bibendum sagittis sed ut purus.</p>
</div>
    <div id="contentcolumn">
        <div class="image"></div>
    </div>

CSS

#contentcolumn {
    margin-right: 200px;
    /*Set left margin to LeftColumnWidth*/
}

#leftcolumn {
    float: left;
    width: 200px;
    /*Width of left column*/
    background: #C8FC98;
}

.image {
    background-image: url('http://upload.wikimedia.org/wikipedia/commons/thumb/4/46/The_2010_Perseids_over_the_VLT.jpg/1920px-The_2010_Perseids_over_the_VLT.jpg');
    background-position: right top;
    height: 1280px;
}