Disa elemente inline-block pranë njëri-tjetrit në CSS

Nëse vendosni disa elemente inline-block pranë njëri-tjetrit, ata do të rreshtohen në një rresht, si elementet inline:

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;
}

Результат:

Задание 1

Janë dhënë div-et:

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;
}

Rreshtoni këto div në një rresht, duke i shndërruar ato në elemente inline-block.