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:

firefox screenshot

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; } 

http://jsfiddle.net/st9uesqd/


Comments

Popular posts from this blog

1111. appearing after print sequence - php -

java - WARN : org.springframework.web.servlet.PageNotFound - No mapping found for HTTP request with URI [/board/] in DispatcherServlet with name 'appServlet' -

Ruby on Rails, ActiveRecord, Postgres, UTF-8 and ASCII-8BIT encodings -