How to normalize CSS ::after element to work on Chrome as it does on FF?

I have this CSS:

h1::after{
    content:  "==========================";
    position: absolute;
    bottom:   5px;
    left:     0;
    display:  1;
}

h2::after{
    content:  "--------------------------";
    position: absolute;
    bottom:   5px;
    left:     0;
    display:  1;
}

In Firefox it looks like this

and in Chrome like this

My question is: How can I make it look like Firefox in Chrome?