Triangle after a box

[george]

I am trying to create a triangle at the right end of a box. My HTML is

<div class="exampOne"></div>

and my CSS

.exampOne { background-color:green; width:30px; height:20px; }.exampOne:after {	border-color: transparent transparent transparent blue;	border-style:solid;border-width:20px;height:0px;width:0px;z-index: 3;}

What am I doing wrong?Thanks

[jeffman]

:after does nothing unless you give it some content -- even if it's empty. For this application, you need to change the display property also. So add these two lines:

content:"";display:inline-block;

Edited March 9, 2013 by Deirdre's Dad

[george]

Thank you Deirdre's Dad. Hope all is well with you.