Different text align behavior for firefox

Question

It just a simple as

body{
    padding:0;
    margin:0;
}

<div style="font-size:34pt;">BRIDGES YEAH</div>

Safari and Chrome are ok. But what wrong with a Firefox ? Is it different default value for something or what ?

Answer 1

It's hard to predict browser behaviours. A closer solution is to use a line-height.

div{
    line-height:1;
}

Fiddle: http://jsfiddle.net/js23fefm/1/

Answer 2

I recommend using a normalize CSS file. There are a few out there, I use this. It should make the way browsers render things more consistent.