JSFiddle - React, Tailwind, and code Playground

HTML

<div id='content' class="row">
    <img src="http://wiki.wildberries.ru/img/2011/11/%D0%B6%D0%B0%D0%BD-%D0%BF%D0%BE%D0%BB%D1%8C-%D0%B3%D0%BE%D1%82%D1%8C%D0%B5-%D0%B2%D0%B5%D1%81%D0%BD%D0%B0-2011-2.jpg" alt="test"  class="leftimg" />
</div>

CSS

.leftimg {
    float:left; /* Выравнивание по левому краю */
    padding: 7px 7px 7px 0; /* Отступы вокруг картинки */
 }

.row:after, .row:before {display: table; content: ''; line-height: 0;}
.row:after {clear: both;}

#content {
	max-width: 100%;
	padding: 10px;
	margin: 0 auto;
	width: 70%;
	background: red;
}