テキストと罫線の間の垂直スペースを削除する

Question

私の番号とその上下の罫線の間のスペースを減らしたいと思います。

あなたは私の数が全体の幅を埋めるが、高さを埋めるためには短すぎる見ることができるように。

どうすれば変更できますか？

#number { 
    position: absolute; 
    color: white; 
    font-size: 14vmin; 
    border: 5px solid white; 
} 

Answer 1

line-height値で遊ぶ必要があります。フォントのサイズのため、line-heightは、上部と下部に多くのスペースを追加する可能性があります。試してみてください：

#number { 
    position: absolute; 
    color: white; 
    font-size: 14vmin; 
    border: 5px solid white; 
    line-height: 1; /* NEW; also try .8, .9, 1.1, 1.2, etc. */ 
}