JSFiddle - React, Tailwind, and code Playground

HTML

<section> 
    <div class="left">
        <p>Column 1, lorem ipsum dolor bla bla dogs and cats</p>
    </div>
<img src="http://fsymbols.com/images/mario-flower.png">
    <div class="right">
        <p>Column 3, lorem blops dolor bla laa cats and dogs</p>                        
    </div>
<section>

CSS

section div {
    float: left;
    width: 50%;

}

section div p {
    background: pink;
    padding: 2.5%;    
}

.left p {
    margin-right: 20px;
}
.right p {
    margin-left: 20px;
}