文本背景樣式

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在這裏。