css3 - Different CSS position of a single letter in IE 9/10 vs. Chrome 35 -
the x inside red box has in ie 9/10 offset left side of ~5px not there in crome/ff. can explain me why? , if there way fix css?
example here:
http://codepen.io/anon/pen/ptars
result:
crome (latest):
ie 10:
css/html code:
<!doctype html> <html> <head><meta charset="utf-8"></head> <body> <style> div.pseudo{ position: relative; margin: 10px; background-color: orange; width: 20px; height: 20px; border: 1px solid red; padding: 5px; } div.pseudo:after{ content : "✘"; position: absolute; left:0; top:0; font-size: 20px; color: black; } </style> <div class="pseudo"></div> </body> </html>
Comments
Post a Comment