html - 文字背景样式

Question

我正在尝试调整文本背景颜色的大小以使其合理，尽管文本不是。

http://jsfiddle.net/6kLp9/5/

HTML

 <h2>
     <span>content1<br>
           content2 content3<br>
           content4 content5 content6
     </span>
</h2>

CSS

 h2 {
    line-height: 1.5em;
    color: aqua;
    font-size: 1em;
    right: 100%;
    top: 8em;
    width: 40%;
    z-index: 10;
    text-align:left;
    vertical-align: bottom;
    }

 h2 span {
    background-color:black;
    opacity:0.7;}

Answer 1

在您的 CSS 中添加以下内容:

h2 {
    background-color:black;
}
h2 span {     
    line-height:1.5em;
}

移除

text-align:center

您希望文本左对齐。

已更新 Fiddle在这里。