JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
    <div class="container">
        <div class="row">
            <div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1">
                <img class="do-icon-left img-responsive" src="https://cdn4.iconfinder.com/data/icons/web-pages-seo/512/13-512.png" alt="Terminal"/>
                <p class="do-feature">The quick brown fox jumped over the lazy dog. The quick brown fox jumped over the lazy dog.</p>
            </div>
            <div class="clearfix"></div>
            <hr>
            <div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1">
                <p class="do-feature-left">The quick brown fox jumped over the lazy dog. The quick brown fox jumped over the lazy dog.</p>
                <img class="do-icon-right img-responsive" src="https://cdn4.iconfinder.com/data/icons/web-pages-seo/512/13-512.png" alt="Terminal"/>
            </div>
        </div>
    </div>

CSS

.do-icon-left{
    float:left;
    margin-right: 100px;
    width:287px;
}

p.do-feature{
    margin-top:120px;
}

p.do-feature-left{
    float: left;
    margin-right: 100px;
    width:350px;
}
.do-icon-right{
    width: 287px;
    float:right;
}