2012-02-16 13 views
6

मैं दो <span> तत्व:मैं दो स्पैन तत्वों को बायीं तरफ कैसे संरेखित करूं, दूसरा दाईं ओर?

<span style="margin-right:auto;">©2012 XYZ Corp. All Rights Reserved.</span> 
<span style="margin-left:auto;">Built with <a href="http://www.wordpress.org/">Wordpress</a> and hosted by <a href="http://www.mediatemple.net/">(mt)</a> in California.</span> 

मैं पहली बार <span> पेज के बाईं तरफ होना चाहते हैं और दूसरी <span> सही पक्ष पर होना करने के लिए, पृष्ठ चौड़ाई की परवाह किए बिना (तो मैं उपयोग नहीं कर सकते निश्चित स्थिति)।

ऐसा करने के लिए मैं किस सीएसएस का उपयोग कर सकता हूं?

उत्तर

21

सीएसएस चर float आपके तत्वों को रखने के लिए उपयोग किया जाता है।

विकल्प हैं:

float:left; 
float:right; 
float:none; 

<span style="float:left;">©2012 XYZ Corp. All Rights Reserved.</span> 

<span style="float:right;">Built with <a href="http://www.wordpress.org/">Wordpress</a> and hosted by <a href="http://www.mediatemple.net/">(mt)</a> in California.</span> 
+4

तैरता हालांकि कंटेनर ऊंचाई के लिए योगदान नहीं है, इसलिए यह सब – Triynko

+0

को सही @Triynko गिर! जब आप किसी कंटेनर (पैरेंट तत्व) के अंदर फ़्लोटिंग तत्व होते हैं, तो कंटेनर पतन हो जाएगा, इसलिए इससे बचने के लिए कि आपके पास कुछ विकल्प हैं। Google "स्पष्ट फिक्स" या बस कंटेनर के लिए 'ओवरफ्लो: छुपा' लागू करें –

संबंधित मुद्दे