HTML CSS examples for CSS Widget:Arrow
Place css arrow on top of image
<html> <head> <style> .wrapper {<!--from w w w. j av a 2 s . c om--> position: relative; display: inline-block; } .wrapper img { vertical-align: middle; } .cssarrow { width: 0; height: 0; border-style: solid; border-width: 0 20px 20px 0; border-color: transparent gold transparent transparent; position: absolute; top: 0; right: 0; } </style> </head> <body> <div class="wrapper"> <img src="https://www.java2s.com/style/demo/InternetExplorer.png" alt=""> <div class="cssarrow"></div> </div> </body> </html>