Обтекаемое изображение внутри абзаца

by webref

HTML

<p>
  <img src="//placehold.it/150x150"> За следующим поворотом я обнаружил выход из каньона.
</p>
<div>
Слева от меня стены каньона обрывались, открывая небольшую равнину, ведущую к морю, а справа продолжались, врезаясь в воду и образуя широкий ровный пляж. 
</div>

CSS

p {
  background: gold;
  padding: 10px;
  width: 600px;
}

img {
  float: left;
}