css - inline-block to span tag behaves differently in IE and webkit-browsers -
display:inline-block span tag behaves differently in various browsers. in ie browsers works perfectly. in webkit-browers(chrome, safari, etc..), there little gap between span , child tag.
here sample code:
<style> span{ display:inline-block; border:1px solid red; padding:0px; margin:0px; } </style> <span> <input type="text"/> </span> output in different browers
ie
chrome , safari

see there gap between spand , input field...
you should use selector, because margin between span , input, not span, need target input element , not span element
span input { margin:0px; }
Comments
Post a Comment