How to force a line break after each image in Safari Reader?
        Posted  
        
            by futlib
        on Stack Overflow
        
        See other posts from Stack Overflow
        
            or by futlib
        
        
        
        Published on 2010-06-16T15:32:40Z
        Indexed on 
            2010/06/16
            22:42 UTC
        
        
        Read the original article
        Hit count: 307
        
I was unable to activate Safari Reader in a local HTML file, so I cannot give you a running example but only describe my problem:
The markup of my blog posts is basically this:
<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>
This looks as expected in all browsers, including Safari. In Safari Reader however, the third paragraph "Isn't that a nice picture?" is floating around the image, instead of being on a paragraph of it's own.
Has anybody experienced a similar problem?
© Stack Overflow or respective owner