तत्व के बाएं और दाएं किनारे पर पाठ

Question

सीएसएस का उपयोग करना तत्व के दाएं और बाएं किनारे पर पाठ रखने का सबसे अच्छा तरीका क्या है और समान स्थान पर समान स्थान पर होना चाहिए?

इस प्रकार निम्नलिखित लेआउट के साथ समाप्त:

कंटेनर एक निश्चित चौड़ाई है, इसलिए मैं नहीं है स्थिति का उपयोग करने के, क्योंकि मैं जानता हूँ कि मैं करने के लिए है नहीं करना चाहती।

Answer 1

(1) तत्व है कि प्रत्येक पाठ स्ट्रिंग शामिल भीतर दो divs जोड़े

<div> 
    <div class="div1">Left Text</div> 
    <div class="div2">Right Text</div> 
</div> 

(2) दो divs के बगल में फ्लोट एक दूसरे को

.div1 { 
    float: left; 
} 

.div2 { 
    float:right; 
} 

(3) सेट सही div के लिए पाठ के अनुरूप गुण (यह सुनिश्चित करेंगे कि पाठ में के रूप में सही करने के लिए सभी तरह से धकेल दिया जाता है आपका उदाहरण)।

.div2 { 
    float:right; 
    text-align: right; 
} 

Answer 2

आप अपने दो आइटम एक ही कंटेनर के अंदर रख सकते हैं और उन्हें सही स्थिति में तैर सकते हैं।

<div class="container"> 
    <div class="item1">Item 1</div> 
    <div class="item2">Item 2</div> 
</div> 

और सीएसएस:

तो तुम जैसे कुछ हो सकता है

.container{width:500px;} 

.item1, item2{width:200px;} 
.item1{float:left;} 
.item2{float:right;} 

उदाहरण: http://jsfiddle.net/7Wvhj/1/