html - br を使用せずに CSS を改行する別の方法はありますか?

Question

<div class="HL_iconCont">
    <ul id="dates">
        <li>
            <a href="#HomeworkHelp">
                <div class="topicIconCont homework_1"><br />
                    Homework Help
                </div>
            </a>
        </li>
        <li>
            <a href="#Accounting">
                <div class="topicIconCont homework_2">Accounting<br />
                    Homework Help
                </div>
            </a>
        </li>
        <li>
            <a href="#Economics">
                <div class="topicIconCont homework_3"> Economics <br />
                    Homework Help 
                </div>
            </a>
        </li>
    </ul>
</div>

inタグで繰り返される名前<div>があります。また、さまざまなアイコン画像が含まれているため、すべてのタグに複数のクラスを使用しました。ここで、これに書かれた文をアイコン画像の下で分割したいと思います。線はデータベースから直接来るため、間に、、またはタグを使用することはできません。topicIconContwidth:auto;<li><li><div><br><span><p>

例: ここのコードでは -

Accounting<br />
                Homework Help

<br>タグを使わずに会計を破る方法はありますか? css でこれを管理できますか? プロパティを試しword breakましたが、まだ機能していません。繰り返しており、内容が異なる場合があるため、幅も修正できません。どうすればこれを修正できますか？

よろしく、

ニディ

Answer 1

まず、 のようなブロック レベル要素は、 のよう<div>なインライン要素内では有効ではありません<a>。スパンまたは同様のインラインを使用します。

次に、CSS を使用して div に padding-top を設定するだけです。これにより、コンテンツが div の上部から任意の量だけ開始され、アイコンが適切に表示されたままになります。

Answer 2

これを試しましたか？

<p>Line1</p>
<p>Line2</p>