ラップされたテキストが1つのスペースで消されるのはなぜですか？

Question

私はBootstrap 3で中心のnavbarブランドを使用しています。電話機サイズの画面で見ると、テキストは折り返されますが、先頭の行に先行スペースがあり、下にはスペースがありません。

この例では、「title-card」はfont-sizeを2emに設定します。そして、ナビゲーションバーブランドナビゲーションバー、ヘッダーと一緒になるように変更されました。

.navbar-header { 
    float: left; 
    padding: 15px; 
    text-align: center; 
    width: 100%; 
} 

.navbar-brand { 
    float: none; 
} 

これは、次のような出力生成：

をどのようにして、それらを合わせて行くのでしょうか？

Answer 1

#title-cardにmargin:0とpadding:0を付けてください。

#title-card { 
margin: 0; 
padding: 0; 
}