1 सवाल: फ्लेक्स कंटेनर ओवरलैप में आइटम

पर बनाया गया सवाल Wed, May 8, 2019 12:00 AM

जब मैं इस कोड को आज़माता हूं, तो दो बिंदु एक दूसरे के साथ-साथ पाठ को भी ओवरलैप करते हैं।

क्यों? मैं उनके साथ-साथ कैसे चल सकता हूं?

.container {
  display: flex;
  flex-direction: row;
}

.dot {
  width: 8px;
  height: 8px;
  border-radius: 4px;
  background: black;
}
<div class="container">
  <span class="dot" />
  <span class="dot" /> some text
</div>
    
- 3
1 उत्तर                              1                         

क्योंकि आपने स्पैन को ठीक से बंद नहीं किया है

      .container {
        display: flex;
        flex-direction: row;
      }
      .dot {
        width: 8px;
        height: 8px;
        border-radius: 4px;
        background: black;
      }
    <div class="container">
      <span class="dot"></span>      
      <span class="dot"></span>     
      some text
    </div>
    
1
2019-05-08 15: 23: 15Z
  1. टाइपो-त्रुटि वाले प्रश्नों को हटा दिया जाना चाहिए, उन्हें नहीं करना चाहिए?
    2019-05-08 15: 25: 29Z
स्रोत रखा गया यहाँ