Skip to content Skip to sidebar Skip to footer
Home / Browser / Css / Html / Pseudo Class / Pseudo Element

:last-child:before With Column-count Behaving Differently In Chrome And Firefox

Post a Comment
The expected behaviour (Firefox) The unexpected (Chrome) The JSFiddle demo http://jsfiddle.net/bZaKK/ (try it in Firefox and Chrome to see the difference). The HTML

    Solution 1:

    Chrome is actually giving the proper behaviour. The unordered list is given position:relative, so the line will be positioned absolute, relative to ul.

    Adding left:0 to li:last-child:before will give the same behaviour in firefox

    http://jsfiddle.net/bZaKK/2/

    You may like these posts

    Post a Comment for ":last-child:before With Column-count Behaving Differently In Chrome And Firefox"