HTML CSS examples for CSS Widget:Arrow
CSS3 right Arrow
<html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style id="compiled-css" type="text/css"> .pageHelp{<!--from w ww . j av a2s . co m--> float:right; margin:10px 20px 0 0; width:85px; height:50px; border-radius:3px; background-color:blue; position:relative; } .pageHelp p{ color:#000; padding:5px; text-align:center; } .pageHelp:after { content: ' '; height: 0; position: absolute; left:10px; width: 0; border: 10px solid transparent; border-left-color: blue; left: 100%; top: 50%; margin-top: -10px; } </style> </head> <body> <div class="pageHelp"> <p>In Page Help</p> </div> </body> </html>