CSS में एक साथ कई इनलाइन-ब्लॉक एलिमेंट्स

यदि कई इनलाइन-ब्लॉक एलिमेंट्स को एक साथ रखा जाए, तो वे इनलाइन एलिमेंट्स की तरह एक पंक्ति में खड़े हो जाएंगे:

html<span>text</span>
<span>text</span>
<span>text</span>

cssspan {
  width: 100px;
  height: 100px;
  margin-bottom: 20px;
  border: 1px solid red;
  display: inline-block;
}

Результат:

html<div class="elem">text</div>
<div class="elem">text</div>
<div class="elem">text</div>

cssdiv {
  width: 100px;
  height: 100px;
  border: 1px solid red;
}