HTML CSS examples for CSS Widget:Menu
Add arrow in nav menus in CSS
<html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style id="compiled-css" type="text/css"> .box {<!--from w ww. jav a 2 s .c o m--> background:red; color:Chartreuse; width:100px; height:100px; position:relative; } .arrow-up { border-left:11px solid yellow; border-right:11px solid blue; border-bottom:11px solid pink; position:absolute; bottom:0px; margin-left:-11px; left:51%; } </style> </head> <body> <div class="box"> Some text <span class="arrow-up"></span> </div> </body> </html>