CSS3 label tag facing right and using position or :after

Question

I am trying to construct this shape in CSS:

But I can\'t figure out how to

Answer 1

Just add a line-height to .tag

.tag {
line-height: 10px;
/* the rest of your styles here */
}

http://jsfiddle.net/ExZFe/3/

Answer 2

Simply position the triangle using the right property (which start from the right of the rectangle) instead of the left (which starts from the left of the rectangle and is useless here as you can't know the width of the tags): http://jsfiddle.net/Gv3rf/