Saya kini mempunyai ini:
Saya mahu meletakkan div ikon pada penghujung teks, tetapi kerana ia adalah "blok" saya tidak dapat membuatnya berfungsi.
Keluaran yang diingini:
Coretan kod:
* { font-family: Arial, 'sans-serif' } .test { display: flex; } .info { font-family: 'monospace'; background: black; width: 18px; height: 18px; aspect-ratio: 1; text-align: center; border-radius: 50%; color: white; }
<div class="test"> Donec rutrum congue leo eget malesuada. Donec sollicitudin molestie malesuada. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. <div class="info">i</div> </div>
display: flex
(.test
).info
)设置为inline-block
并使用display: inline-block