見出しh1と境界線の間の距離を小さくしますか？

h1要素のテキストと右端の境界線の間隔を狭くしようとしています。そのため、次のテキストと小さな縦線のように見えます。右の境界はまだ直接次のテキストにそれが表示されます右の0PXすることは非常に右端に私は思ったものの、パディングを設定して表示されます見出しh1と境界線の間の距離を小さくしますか？

.test{ 
    border-right: 2px solid black; 
    padding-right: 0px; 
}

：これは以下のように私の現在のCSSが見えるものである

。

私はこれはかなりばかげた質問だと思う、私はまだ初心者です！事前に

おかげで

は 'h1'の幅を変更してみてください。 – Lal

あなたはそのダムの質問を考えても、少なくとも適切に質問しました。私はただ退治したかった。今日のこのようなもののいくつか – RSon1234

のh1要素は、デフォルトでは、デフォルトでは100％の幅display:blockです。 width:300pxまたはdisplay:inline-blockを変更してみてください。

2017-10-03 08:53:04 TKoL

h1の要素は、デフォルトではdisplay: block（width: 100%）です。つまり、コンテナの全幅に伸びます。

あなたは要素を持っているしたい場合のみ、など幅広いそれは、こと（代わりにdisplay: inline-block行い、その後、あなたが特定されてきたように、テキストの終わりと右側の間の距離を決定するために、パディングを使用する必要があるとしてもボーダー）：

.test{ 
 
    border-right: 2px solid black; 
 
    padding-right: 0px; 
 
    display: inline-block; 
 
}

<h1 class="test">This is a test</h1>

2017-10-03 08:53:30

答えて