सीएसएस एचटीएमएल

Question

का उपयोग कर एक छवि को सही संरेखित करें मैं सीएसएस का उपयोग कर एक छवि को सही तरीके से कैसे संरेखित कर सकता हूं।

I wrap-around छवि को टेक्स्ट चाहिए। मैं सही गठबंधन छवि को एक पंक्ति पर होना चाहता हूं।

Answer 1

<img style="float: right;" alt="" src="http://example.com/image.png" /> 
<div style="clear: right"> 
    ...text... 
</div>  

jsFiddle।

Answer 2

ऐसा करने के कुछ अलग तरीके हैं लेकिन निम्नलिखित एक त्वरित नमूना है।

<img src="yourimage.jpg" style="float:right" /><div style="clear:both">Your text here.</div> 

मैं इस नमूने के लिए इनलाइन शैलियों का इस्तेमाल किया लेकिन आप आसानी से एक स्टाइलशीट में इन जगह है और वर्ग या आईडी संदर्भित कर सकते हैं।

Answer 3

छवि को सही फ़्लोट करें, जो पर पहले पर आपके टेक्स्ट को इसके चारों ओर लपेटने का कारण बनता है।

फिर जो भी अगला तत्व है, इसे {स्पष्ट: दाएं; } और सब कुछ छवि के चारों ओर लपेटना बंद कर देगा। सबसे अच्छा अभ्यास के लिए

clear: right; 

, अपने स्टाइलशीट फ़ाइल में सीएसएस कोड डाल:

float: right; 

पाठ लिपटे नहीं करने के लिए:

Answer 4

छवि कदम सही बनाने के लिए। एक बार जब आप अधिक कोड जोड़ लेंगे, तो यह गन्दा और संपादित करने में कठोर लगेगा।