JSFiddle - React, Tailwind, and code Playground

HTML

<div id="custom_left_col">
        <img style="display: block; margin-left: auto; margin-right: auto;" src="http://www.stojmenovic.info/wp-content/uploads/2014/01/css3.jpg" alt="" />
    </div>
<div id="custom_right_col">
<h5>item1</h5>
<h5>item2</h5>
<h5>item3</h5>
    </div>

CSS

#wrapmytable {
   width:100%;
    height: 100%;
   margin:0 auto;

}
#custom_left_col {
   float:left;
   width:50%;
    background-color: red;
}
#custom_right_col {
   float:right;
     width:50%;
        background-color: cyan;
}