Why so line-height works:

 <div style="text-align:left; font:normal 9px 'Trebuchet MS'; line-height:10;"> В лесу родилась елочка,<br> В лесу она росла,<br> Зимой и летом стройная,<br> Зеленая была.<br> <br> В лесу родилась елочка,<br> В лесу она росла,<br> Зимой и летом стройная,<br> Зеленая была<br> <br> Метель ей пела песенку:<br> «Спи, елочка, бай-бай!»<br> Мороз снежком укутывал:<br> «Смотри, не замерзай!»<br> </div>

Isn't it like that?

 <div style="text-align:left; line-height:10; font:normal 9px 'Trebuchet MS';"> В лесу родилась елочка,<br> В лесу она росла,<br> Зимой и летом стройная,<br> Зеленая была.<br> <br> В лесу родилась елочка,<br> В лесу она росла,<br> Зимой и летом стройная,<br> Зеленая была<br> <br> Метель ей пела песенку:<br> «Спи, елочка, бай-бай!»<br> Мороз снежком укутывал:<br> «Смотри, не замерзай!»<br> </div>

    1 answer 1

    We need to see what the font can do:

     font: [font-style||font-variant||font-weight] font-size [/line-height] font-family | inherit

    Accordingly, all the properties that it can potentially contain, are erased when it is used. This fate befalls line-height.

    You can do this (at the same time a little semantic increased):

     <div style="text-align: left; font: normal 9px/10 'Trebuchet MS';"> <p> В лесу родилась елочка,<br> В лесу она росла,<br> Зимой и летом стройная,<br> Зеленая была. <p> В лесу родилась елочка,<br> В лесу она росла,<br> Зимой и летом стройная,<br> Зеленая была <p> Метель ей пела песенку:<br> «Спи, елочка, бай-бай!»<br> Мороз снежком укутывал:<br> «Смотри, не замерзай!» </div>

    • and at line-height unless it is not necessary to specify the dimension? - Grundy
    • @Grundy, nea, as a multiplier, it can be inherited a little more cunningly. Do you want to ask a question - I will answer :) - Qwertiy ♦
    • Well, at least now, in chrome - the difference is striking if you specify 9px / 10 and 9px / 10px - Grundy
    • one
      @Grundy, the multiplier is not a pixel. This is something like 10em. But not really. This is exactly 10. - Qwertiy ♦
    • one
      @Qwertiy font: normal 9px/10 ! Somehow I didn’t study css thoroughly! Thank. Now at least it became more or less clear. - I_CaR