html верстка в две колонки (картинка || текст)

<div>
  <div style="float: left; margin: 0px 10px 10px 0px;">
    <img src="">
  </div>
  Teкст
</div>

.sidebar { float: left; overflow: hidden; width: 30ex; }
.page { margin-left: 30ex; }

<div class="sidebar">
    <div><img src="cow.jpg" alt="A cow"/></div>
    <div>Иллюстрация на тему</div>
</div>
<div class="page">Moo</div>

 
<div class="content"> 
   <p class="img"><img src="cow.jpg" alt="A cow"/></p> 
   <p>Описание, долгое и мучительное</p> 
</div> 

 
.content { position: relative; }

.content .img { position: absolute; left: -500px; }