Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

CSS3 style issue

Tags:

html

css

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.

like image 366
user270014 Avatar asked Jun 30 '13 16:06

user270014


1 Answers

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).
like image 118
Tom Pietrosanti Avatar answered Sep 28 '22 12:09

Tom Pietrosanti