Why would the height increase with a smaller font size?

Question

I have a block with a certain line-height, where I insert content with the ::before pseudo element.

.block::before {
  content:\'text here\';
}
         


        

Answer 1

Hi please add a specific height on your box...

.lorem, .ipsum, .dolor, .sit {
    border:1px solid green;
    height:30px;/*changes*/
}

Fiddle :http://jsfiddle.net/jxf29/