CSS: 텍스트 옆에 아이콘을 어떻게 배치하나요?
<p>두 개의 하위 요소를 포함하는 이와 같은 상위 div 요소(display: flex)가 있습니다</p>
<올>
<li>텍스트 - 범위 요소</li>
(i) 아이콘 - div 요소
</ol>
<p>텍스트가 단 한 줄(줄 바꿈 없음)이면 모든 것이 잘 작동합니다.
그러나 줄바꿈(2줄 이상)할 때 요소의 너비는 가장 넓은 줄을 기준으로 조정됩니다</p>
<p>텍스트가 길면 줄바꿈하고 싶습니다. </p>
<p>위의 예에서는 (i) 아이콘을 NORTH 옆에 두기를 원합니다. </p>
<p>(i) 아이콘을 NORTH 옆에 두고 싶습니다. </p>
