Установить текст в начале div

Question

Я хочу установить текст в начале div, например, где верхняя граница div. Но когда я увеличиваю размер шрифта, он оставил немного свободного места сверху.

<div id="preview"> 
     <div id="custom"> 
      <div id="t1"><span>First text</span></div> 
      <div id="t2"><span>Second text</span></div> 
     </div> 
    </div> 

Это css.

 #t1{ 
      font-size:30px; 
     } 
     #t2{ 
      font-size:100px; 
     } 

И между первым текстом и вторым текстом есть пробел. Я не хочу этого пробела между ними и вокруг div.
Просто текст начинается сверху, где первый текст заканчивается ниже этого начала второго текста без какого-либо пробела.

Answer 1

Это поведение текста по умолчанию. Однако, если вы хотите это сделать, вы можете дать маржу, оставленную в отрицательном (однако ее не очень хорошую практику), или вы можете использовать позиционирование.

#t1{ 
       font-size:30px; 
      } 
      #t2{ 
       font-size:100px; 
margin-left: -4px; 
      } 

Answer 2

Использование line-height в CSS вариант:

#t1 { 
    font-size: 30px; 
    line-height: 75%; 
} 
#t2 { 
    font-size: 100px; 
    line-height: 75%; 
}