Na początku zdania ozdobnik jako img

Witam wszystkich w 2022 roku
Próbuję ogarnąć trochę kod na mojej stronie związany z wyświetlaniem obrazkowego ozdobnika na początku zdania.
Udało? mi się wymodzić taki kod (ale czy może być bez :after ? :slight_smile:

 css
.arobase::before { content: url("https://upload.wikimedia.org/wikipedia/commons/thumb/e/e1/Blue_crocheting_thread.jpg/30px-Blue_crocheting_thread.jpg");
}

----------a w treści wstawiam taki span
/span class="arobase"></span>/ Lorem ipsum dolor sit amet consectetuerLorem ipsum dolor sit amet consectetuer
Chciałbym zasięgnąć waszej opinii - czy to jest poprawne rozwiązanie? Bo jak na to co chciałem osiągnąć - działa. Musiałem dać ukośniki bo całość kodu się wykrzacza

Kod wstawiasz przyciskiem „</>”, wtedy trudno by się wykrzaczał jak nie ma w nim dziwnych znaków np. z plików binarnych „SOH”, „ACK”, „NUL”, „EOT”, „RS”, „VT”, „ACK”, „FS”, „US”, „ESC” - a takich w CSS czy HTML nie używa się.

Opcjonalnie działa BBCode z zachowaniem ostępu od [code] i [/code] (są osobną linią).

[code]
<style>
.arobase::before { content: url("https://bit.ly/3q1P7AV");
}
</style>

<span class="arobase">Lorem ipsum dolor sit amet</span>
[/code]