CSS: テキストの横にアイコンを配置するにはどうすればよいですか?
P粉668146636
2023-08-17 14:39:36
<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>
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
アイコンを常に「North」という単語の隣に置きたい場合は、それを タグの中に入れるだけです: