JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
    <div class="other">
        <img src="http://i.telegraph.co.uk/multimedia/archive/02414/doodle_2414384b.jpg" />
        <p> there is some other content here</p>
        <h3>More Content</h3>
                <p> forexample there is this content.......there is some other content here</p>
    </div>
</div>

CSS

body {
 background: #bada44
}
.container {
    background: #776;
}
.other {
    background: #ccc;
    /*padding: 1px;*/
    overflow: hidden;
}
img {
    width: 33%;
    display: block;
    vertical-align: middle;
    margin: 0 auto;
    margin-top: 30px;

}