Как исправить верстку?

Question

[JohnDaniels]

Вот такой пример:

<p>
  <img src="https://via.placeholder.com/350x350">
  Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
Curabitur imperdiet eros eu justo mattis, dignissim suscipit ante cursus. 
Ut at mauris ut eros faucibus vulputate. Nullam scelerisque efficitur 
lorem a bibendum. 
</p>
<blockquote> Duis pretium sagittis justo. Nullam sit amet lorem lorem. 
In quis dui id lacus laoreet vestibulum quis et ligula. 
Praesent condimentum tristique augue ut bibendum. 
Duis convallis justo purus, eu consectetur ex hendrerit at. 
Mauris non diam eu risus bibendum pulvinar ac eu lacus. 
Donec lacinia ullamcorper aliquam. Phasellus nec tincidunt urna, a pharetra erat. 
Sed maximus enim vel scelerisque feugiat. 
 </blockquote>

img{
  float: left;
  margin: 0 20px;
}
blockquote{
  border: 2px solid red;
  margin: 0;
}

Как не меняя верстку сделать чтобы цитата не залазила на изображение?
При условии, что картинка и текст могут быть любых размеров.
jsfiddle

Answer 1

[Ivan Bogachev]

blockquote {
    overflow: auto;
}