JSFiddle - React, Tailwind, and code Playground

by Ian Sanders

HTML

<h1>4 Channel DVR - High Res 960H WD1, (500GB HDD)</h1>
<div class="col-container">
<div class="col-50 product-wrapper left">

<img class="product-image" src="http://176.67.174.179/ukcctvinstallations.co.uk/wp-content/uploads/2014/09/4-channel-dvr.jpg" alt="4-channel-dvr" width="522" height="283" class="alignnone size-full wp-image-398" />

</div>

<div class="col-50-end left">

Description goes here Description goes here Description goes here Description goes here Description goes here Description goes here Description goes here Description goes here Description goes here Description goes here Description goes here Description goes here Description goes here Description goes here Description goes here Description goes here Description goes here Description goes here Description goes here Description goes here Description goes here Description goes here Description goes here Description goes here Description goes here Description goes here Description goes here Description goes here Description goes here Description goes here Description goes here Description goes here Description goes here Description goes here Description goes here Description goes here Description goes here Description goes here Description goes here Description goes here Description goes here Description goes here 

</div>
</div>
<div class="clear"></div>

CSS

.col-container {
    display: table-row;
}
.col-50 {
    display: table-cell;
    width: 50%;
    vertical-align: middle;
}

.col-50 img {
    width: 100%;
    height: auto;
}

.col-50-end {
    display: table-cell;
    width: 50%;
}
.product-wrapper {
     /*empty*/
}
.product-image {
    /*empty*/
}