In some template I see that an arrow that created with CSS. something like this:
content property embeds a virtual content inside an element, it is used with a pseudo
:after, so if you use
:before, the content will be embedded before.
From MDN :
contentCSS property is used with the
::afterpseudo-elements to generate content in an element. Objects inserted using the
contentproperty are anonymous replaced elements.
Also, you can get an handy converter here.
Also, just a side information, content generated using CSS
content property is
inline by default, also this is rendered inside the element and not outside..