CSS3 style issue

Question

I have created a tag but have white background after the arrow on the right side

.tags {
  list-style: none;
  margin: 0;
  overflow: hidden; 
  padding: 0;
 }

http://jsfiddle.net/eR8Ye/5/

how can I remove the white background on the right side of the tag? the background of this tag is a gradient style.

Answer 1

You can fix this.

http://jsfiddle.net/eR8Ye/4/

1. Remove the right-hand padding from the parent
2. Remove the background color from the ::after
3. Position the ::after outside the parent, to the right (use a negative value).