CSS: 텍스트 옆에 아이콘을 어떻게 배치하나요?

Question

<p>두 개의 하위 요소를 포함하는 이와 같은 상위 div 요소(display: flex)가 있습니다</p> <올> <li>텍스트 - 범위 요소</li>

(i) 아이콘 - div 요소

</ol> <p>텍스트가 단 한 줄(줄 바꿈 없음)이면 모든 것이 잘 작동합니다. 그러나 줄바꿈(2줄 이상)할 때 요소의 너비는 가장 넓은 줄을 기준으로 조정됩니다</p> <p>텍스트가 길면 줄바꿈하고 싶습니다. </p> <p>위의 예에서는 (i) 아이콘을 NORTH 옆에 두기를 원합니다. </p> <p>(i) 아이콘을 NORTH 옆에 두고 싶습니다. </p>

Answer 1

아이콘이 항상 "North"라는 단어 옆에 있도록 하려면 태그 안에 넣으세요.

으아악 으아악