<p>블록 요소는 항상 새로운 줄에 수직으로 추가됩니다.</p>
<ul>
  <li>첫번째<span>인라인 요소는 블록 요소와 다르게 동작합니다.</span></li>
  <li>두번째<span>인접한 텍스트에 바로 옆에 추가됩니다.</span></li>
<ul>
span {
  background-color: green;
  color: #fff;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.