html - CSS border-radius Property Not Working -
this question has answer here:
- border-radius , padding not playing nice 3 answers
i run website on tumblr. added css border-radius property , set 20px images specific id. however, can see, corners on right side of image not rounded, left side corners are.
the css code looks this:
#articleimage { float:left; padding-right: 10px; padding-bottom: 1px; width: 400px; border-radius:20px; }
i've determined issue caused padding right, require css property. how can stop conflict?
view screenshot: http://i.stack.imgur.com/es0aa.png
try changing padding margin:
#articleimage { float:left; margin-right: 10px; margin-bottom: 1px; width: 400px; border-radius:20px; }
Comments
Post a Comment