line-heightプロパティを使うと、行の高さを指定することができます。
値が大きいほど行間が大きくなります。
style.css
.text{
line-height: 10px;
}
##line-heightと縦の中央寄せ
line-heightプロパティは本来行間を調整するためのプロパティですが、要素の縦方向の中央に文字を配置するのにも使えます。
line-heightプロパティの「高さの中心」に文字が配置されるため、要素の高さとline-heightプロパティを同じ値にすると、文字がちょうど中央に配置されるようになります。