JSFiddle - React, Tailwind, and code Playground

HTML

<div id="all">
  <div id="up">
    <p>Компания «Турбомикрон» всегда совершенствует свой сервис по работе и обслуживанию своих новых так и постоянный клиентов. Мы налаживание связи со всеми товаро-транспортными компаниями, для того чтобы наша работа с клиентами была максимально продуктивна.Поэтому
      наши турбины мы можем отправлять по всей территории Украины, а также в ближайшие страны СНГ.</p>
    <img src="https://pp.vk.me/c9312/v9312769/159/3WIHucZkN98.jpg" alt="Турбомикрон">
    <div class="clear"></div>
  </div>
</div>

CSS

.clear {
  clear: both
}

body {
  background: #eee;
}

#all {
  margin: 100px 20% 0;
}

#up {
  border: 1px solid #d1ea9b;
  background-color: #fff;
  text-align: center;
  padding: 10px;
  min-height: 100%;
}

#up>img {
  width: 40%;
  float: right;
}

#up>p {
  width: 58%;
  float: left;
  font-family: 'Open Sans', sans-serif;
  font-size: 1.25vw;
  overflow: hidden;
}