Logo Luan Morina
   Arrow at the bottom of an HTML container
Preview
Demo Content
HTML
<div class="demo-content">Demo Content</div>
CSS
.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: 20px;
}

UTF-8 Arrows
Char Dec Hex
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
   Arrow (UTF-8) at the bottom of an HTML container