CSS to keep two DIVs left and right? -

स्रोत है:

  & lt; आलेख & gt; & Lt; div वर्ग = "फ़ील्ड फ़ील्ड-नेम-बॉडी फ़ील्ड-प्रकार-पाठ-के-साथ-फ़ील्ड-लेबल-छिपा हुआ" & gt; & Lt; div वर्ग = "फ़ील्ड-आइटम" & gt; & Lt; div class = "field-item even" property = "content: एन्कोडेड" & gt; LEFT पर पाठ & lt; / div & gt; & Lt; / div & gt; & Lt; / div & gt; & Lt; div वर्ग = "फ़ील्ड क्षेत्र-नाम-फ़ील्ड-छवि फ़ील्ड-प्रकार-छवि फ़ील्ड-लेबल-छिपा हुआ" & gt; & Lt; div वर्ग = "फ़ील्ड-आइटम" & gt; & Lt; div class = "field-item even" & gt; & Lt; img src = "right.jpg" alt = "दाएं पर" / & gt; & Lt; / div & gt; & Lt; / div & gt; & Lt; / div & gt; & Lt; / लेख & gt;  

दो डीआईवी को देखने के लिए सीएसएस कैसे बदल सकता हूँ?

  + ------------- - + -------- + | पाठ पर LEFT | #### | | | #### | | | #### | | | | | | | + -------------- + -------- +  

i.e।

अद्यतन:

मैं कुछ ऐसा प्रयोग कर रहा हूँ:

 
 
 Code> .field-name-body {width: 320px; बाईंओर तैरना; } .field-name-field-image {width: 300px; सही नाव; }  

लेकिन मुझे यकीन नहीं है कि सीएसएस के ग्लोबल नेम स्पेस को प्रदूषित करने से उपरोक्त वर्ग की रक्षा कैसे करें काश मैं लेख के भीतर float left और float right को सीमित कर सकते हैं ...

अपने DOM से, आप अन्य फ्रंट फ्रेम का उपयोग कर सकते हैं इसलिए, आपको डीओएम को आराम देने के लिए सीएसएस को परिभाषित करना चाहिए। और निम्न वर्ग जोड़ें।

  .fr {float: right; } .fl {फ्लोट: बाएं; }