What Characters Can Be Used For Up/Down Triangle (Arrow Without Stem) For Display in Html

What characters can be used for up/down triangle (arrow without stem) for display in HTML?

Unicode arrows heads:

• ▲ - U+25B2 BLACK UP-POINTING TRIANGLE
• ▼ - U+25BC BLACK DOWN-POINTING TRIANGLE
• ▴ - U+25B4 SMALL BLACK UP-POINTING TRIANGLE
• ▾ - U+25BE SMALL BLACK DOWN-POINTING TRIANGLE

For ▲ and ▼ use ▲ and ▼ respectively if you cannot include Unicode characters directly (use UTF-8!).

Note that the font support for the smaller versions is not as good. Better to use the large versions in smaller font.

More Unicode arrows are at:

• http://en.wikipedia.org/wiki/Arrow_%28symbol%29#Arrows_in_Unicode
• http://en.wikipedia.org/wiki/Geometric_Shapes

Lastly, these arrows are not ASCII, including ↑ and ↓: they are Unicode.

HTML character codes for this ▲ or this ▼

• ▲ is U+25B2 BLACK UP-POINTING TRIANGLE and it's decimal character entity is ▲
• ▼ is U+25BC BLACK DOWN-POINTING TRIANGLE and it's decimal character entity is ▼

I usually use the excellent Gucharmap to look up Unicode characters. It's installed on all recent Linux installations with Gnome under the name "Character Map". I don't know of any equivalent tools for Windows or Mac OS X, but its homepage lists a few.

One navigation bar for multiple pages without JavaScript

If you do not want to use javascript, the other option would be to use PHP to include the files on all the pages you would require the navbar. So essentially, you would copy the navbar snippet into a single file, then using PHP methods (require or include), to add the snippets on all other pages. This way, you only need to edit that navbar snippet you copied whenever you need to make a change and it'll take effect on any page you have either required or included. More info on how to use include and require here

How to remove arrow from PrimeReact OverlayPanel?

This can be achieved by setting the content style to none as follows:

p-overlaypanel {
    &:before {
        content:none;
    }

    &:after {
        content:none;
    }

    margin-top: 0px; # removes the gap between menu and anchor element after arrow-removal
}

Display Montserrat in Bulgarian Cyrillic

You can do this by setting a compatible font and using lang="bg" in an enclosing HTML tag.

(Example taken from a random tweet by the Bulgarian PM.)

* {
  font-family:TwitterChirp, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

<div lang="ru">
За 7 месеца видяхме как 2 млрд могат да отидат за икономически мерки за всички хора, вместо за джобовете на двайсетина, а бизнеса може да работи спокойно. 
</div>
<div lang="bg">
За 7 месеца видяхме как 2 млрд могат да отидат за икономически мерки за всички хора, вместо за джобовете на двайсетина, а бизнеса може да работи спокойно. 
</div>