Come forzare un'interruzione di riga dopo ogni immagine in Safari Reader?

Question

sono stato in grado di attivare Safari Reader in un file HTML locale, quindi non si può dare un esempio di esecuzione, ma solo descrivere il mio problema:

Il markup dei miei post del blog è fondamentalmente questo:

<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> 

Questo sembra come previsto in tutti i browser, incluso Safari. In Safari Reader, tuttavia, il terzo paragrafo "Non è una bella foto?" sta fluttuando intorno all'immagine, invece di essere su un paragrafo a sé stante.

Qualcuno ha riscontrato un problema simile?

Answer 1

Sì, si potrebbe provare a mettere un <br> linea di rottura nel dopo "immagine:" non posso verificare che funzioni ma in teoria mondo risolvere il problema utilizzando un nome fatto solo per le interruzioni di linea (restringendo la possibilità che sia ridisegnato)

Answer 2

.post-body img { 
    display: block; 
} 

dovrebbe fare il trucco.

Answer 3

utilizzare il tag <br/> alla fine/dopo ogni riga

Answer 4

Non basta usare <br />, ma <br clear="all" />.