Как заставить разрыв строки после каждого изображения в Safari Reader?

Question

Мне не удалось активировать Safari Reader в локальном HTML-файле, поэтому я не могу дать вам работающий пример, а только опишу мою проблему:

Разметка моих сообщений в блоге в основном такова:

<div class="post">
 <div class="post-header">Hello, World</div>
 <div class="post-body">
  <p>Look at this picture:</p>
  <p><img src="http://37prime.com/news/wp-content/uploads/2008/03/safari_icon.png"/></p>
  <p>Isn't that a nice picture?</p>
 </div>
</div>

Это выглядит, как и ожидалось, во всех браузерах, включая Safari.Однако в Safari Reader третий абзац "Разве это не хорошая картинка?"плавает вокруг изображения, а не в отдельном абзаце.

Кто-нибудь сталкивался с подобной проблемой?

Answer 1

Не просто используйте <br />, но <br clear="all" />.

Answer 2

.post-body img {
  display: block;
}

должен добиться цели.

Answer 3

Используйте тег <br/> в конце / после каждой строки

Answer 4

Да, вы можете попытаться вставить
разрыв строки после "picture:". Я не могу убедиться, что это работает, но в теории это решит проблему с помощью тега, созданного только для разрывов строк (сокращениевероятность того, что это повторно разработано)