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; 
}