CSS文本背景色被切斷

Question

首先，這是指導藏漢因爲我想要實現：

它並不需要尋找一個100％的一致好評，但至少應該給每個EndOfLine一個空間。那麼，這是當我嘗試這樣做會發生什麼：

正如你可以看到，第一行的末尾，以及第二行的開頭沒有空間的邊界。另一方面，第一行的開始和第二行的結束確實有空間。

這是我的HTML-& CSS標記。

<div class="headline-h2"> 
<h2>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.</h2> 
</div> 


h2 { 
background-color: #000000; 
clear: left; 
color: #FFFFFF; 
display: inline; 
float: left; 
font-size: 14px; 
font-weight: normal; 
padding: 4px; 
position: relative; 
} 

.headline-h2 { 
float: left; 
margin-bottom: 28px !important; 
width: 100%; 
} 

我已經嘗試了一些東西，但我不能爲我的生活工作這件事。 我還必須補充說，文字是可變的，因此如果客戶需要它可能是完全不同的東西。 另外需要說的是，我們明顯需要這個內聯元素。我知道它可以與塊一起工作。

Answer 1

爲什麼不只是添加padding您h2：

h2 { 
    background-color: #000000; 
    clear: left; 
    color: #FFFFFF; 
    display: inline-block; 
    float: left; 
    font-size: 14px; 
    font-weight: normal; 
    position: relative; 
    padding-left: 5px; 
    padding-right: 5px; 
}