CSS에서 여러 블록 요소 나란히 배치하기

여러 블록 요소를 나란히 배치하면, 각 요소는 새로운 줄에서 시작됩니다:

html<div>text</div>
<div>text</div>
<div>text</div>

cssdiv {
  width: 100px;
  height: 100px;
  margin-bottom: 20px;
  border: 1px solid red;
}

Результат: