折り返された箇条書きを CSS の最初の行に揃えるにはどうすればよいですか?

折り返された箇条書き項目の行を最初の行に揃える方法

箇条書きリストを作成するときは、折り返された箇条書き項目を最初の行に揃えることが望ましいことがよくあります。最初の行。箇条書きの下で折り返すのではなく、折り返された部分を箇条書きの右側に続ける必要があります。

CSS と HTML の実装:

この配置を実現するには、箇条書きを囲みます。別の div 要素に追加し、両方の div をコンテナ div 内にラップします。

.row2 {
    padding-left: 20px;
    overflow: hidden;
    max-width: 500px;
}
.red-square-5 {
    position: absolute;
    width: 5px;
    height: 5px;
    margin-top: 0.5em;
    background: #f00;
}

<div>

このアプローチでは、箇条書きは位置は絶対的なままですが、箇条書き項目のテキストは箇条書きの右側で折り返されます。

以上が折り返された箇条書きを CSS の最初の行に揃えるにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。