सफारी रीडर में प्रत्येक छवि के बाद लाइन ब्रेक को कैसे बल दें?

Question

मैं एक स्थानीय 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> 

:

मेरे ब्लॉग पोस्ट के मार्कअप मूल रूप से यह वह जगह है यह सफारी समेत सभी ब्राउज़रों में अपेक्षित लगता है। सफारी रीडर में हालांकि, तीसरा अनुच्छेद "क्या यह एक अच्छी तस्वीर नहीं है?" छवि के चारों ओर तैर रहा है, इसके स्वयं के अनुच्छेद पर होने के बजाय।

क्या किसी ने भी इसी तरह की समस्या का अनुभव किया है?

Answer 1

हाँ, आप एक <br> पंक्ति के बाद में तोड़ डालने की कोशिश कर सकते "चित्र:" मैं सत्यापित नहीं कर सकता है कि यह काम करता है लेकिन सिद्धांत रूप में यह दुनिया बस पंक्ति विराम के लिए किए गए एक टैग का उपयोग करके इस समस्या को ठीक (जिस मौके को फिर से स्टाइल किया गया है उसे कम करना)

Answer 2

.post-body img { 
    display: block; 
} 

चाल चलाना चाहिए।

Answer 3

अंत में <br/> टैग का प्रयोग करें/प्रत्येक पंक्ति

Answer 4

के बाद सिर्फ <br />, लेकिन <br clear="all" /> प्रयोग न करें।