CSS: テキストの横にアイコンを配置するにはどうすればよいですか?
<p>このような親 div 要素 (display: flex) があり、2 つの子要素が含まれています</p>
<ol>
<li>テキスト - スパン要素</li>
<li>(i) アイコン - div 要素</li>
</ol>
<p>テキストが 1 行のみ (改行なし) の場合は、すべて正常に機能します。
ただし、折り返す場合 (2 行以上)、要素の幅は最も幅の広い行 に基づいて調整されます。
<p>テキストが長い場合に折り返してほしい。 </p>
<p>上の例では、(i) アイコンを NORTH の隣に置きます。 </p>
<p>(i)アイコンをNORTHの横に置きたいです。 </p>
