JohnDaniels
@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;
}


5bc8c5ec55870407077570.png

Как не меняя верстку сделать чтобы цитата не залазила на изображение?
При условии, что картинка и текст могут быть любых размеров.
jsfiddle
  • Вопрос задан
  • 90 просмотров
Решения вопроса 1
sfi0zy
@sfi0zy Куратор тега CSS
Creative frontend developer
blockquote {
    overflow: auto;
}
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы