CSS flow justified text around an image -

एक छवि के चारों ओर पाठ प्रवाह करने के लिए tring:

HTML

<पूर्व> & lt; div & gt; & Lt; span id = "photo" & gt; & lt; img src = "photo.png" & lt; / span & gt; & Lt; span id = "text" & gt; Lorem Ipsum, blah, blah, blah ... & lt; / span & gt; & Lt; / div & gt;

सीएसएस

<पूर्व> #photo {float: left; margin: 0px 8px 5px 0px;} #text {text-align : सही;} **

छवि के चारों ओर पाठ बहता है, लेकिन यह उचित नहीं है (संरेखण छोड़ा गया है)। अगर मैं पाठ तत्व को छोड़ दिया है, तो संरेखण सही है (उचित, जैसा मैं चाहता हूं), लेकिन फिर पाठ छवि के चारों ओर प्रवाह नहीं होता, बल्कि यह छवि के नीचे बहता है - मैं इसे कैसे ठीक कर सकता हूं?

< / Div>

text-align संपत्ति वास्तव में संलग्न ब्लॉक तत्व पर आधारित है, इनलाइन तत्व नहीं है तो इसे संलग्न ब्लॉक में ले जाएं:

  div {text-align: justify; }  

इसमें देखें:

यह प्रॉपर्टी कैसे ब्लॉक की इनलाइन सामग्री गठबंधन का वर्णन करती है। मानों के निम्नलिखित अर्थ हैं:

(जोर जोड़ा गया)