<div class="demo-content">Demo Content</div>
.demo-content {
position: relative;
background-color: #000;
color: #fff;
padding: 10px 20px;
border-radius: 6px;
}
.demo-content::after {
position: absolute;
font-size: 2em;
color: #000;
content: "▾";
text-align: center;
top: 23px;
left: 50%;
}
In HTML, you can represent characters using their Unicode code point in hexadecimal form with the &#x; syntax. For example, the upward triangle symbol (▲) can be represented as ▲
.
Char | Decimal | Hexadecimal |
---|---|---|
▲ | 9650 | 25B2 |
△ | 9651 | 25B3 |
▴ | 9652 | 25B4 |
▵ | 9653 | 25B5 |
▶ | 9654 | 25B6 |
▷ | 9655 | 25B7 |
▸ | 9656 | 25B8 |
▹ | 9657 | 25B9 |
► | 9658 | 25BA |
▻ | 9659 | 25BB |
▼ | 9660 | 25BC |
▽ | 9661 | 25BD |
▾ | 9662 | 25BE |
▿ | 9663 | 25BF |
◀ | 9664 | 25C0 |
◁ | 9665 | 25C1 |
◂ | 9666 | 25C2 |
◃ | 9667 | 25C3 |
◄ | 9668 | 25C4 |
◅ | 9669 | 25C5 |
◢ | 9698 | 25E2 |
◣ | 9699 | 25E3 |
◤ | 9700 | 25E4 |
◥ | 9701 | 25E5 |
◸ | 9720 | 25F8 |
◹ | 9721 | 25F9 |
◺ | 9722 | 25FA |
◿ | 9727 | 25FF |
🞀 | 128896 | 1F780 |
🞁 | 128897 | 1F781 |
🞂 | 128898 | 1F782 |
🞃 | 128899 | 1F783 |