html - Div's with same content and same style have different dashed borders -
this question has answer here:
so created pen it, see first div has border-bottom , second border-top. second div's border different first's.
http://codepen.io/chrez/pen/merxbw
<div class="first"></div> <div class="second"></div> screenshot in firefox:
that's going rendering issue browser. looks it's working fine in chrome latest firefox , ie showing different borders said.
if must have fixed recommend using pseudo elements border-top parameters set same value.
.first:after{ content: ''; position: absolute; bottom: 0; left: 0; right: 0; border-top:1px dashed #ffffff; height: 1px; } 
Comments
Post a Comment