文字背後的背景圖片

Question

我試圖在每個段落的星期幾之後顯示圖像，但只顯示背景圖像的一部分。我以前嘗試過填充，但可以使用一些幫助，因爲我是css方面的新手。

的HTML是：

<section id="top"> 
    ... 
    <p><span>Mon</span><span>Open</span></p> 
    <p><span>Tues</span><span>6:30 pm</span>Bible Study</p>... 

CSS中：

#top p span:nth-child(1){ 
    font-family: 'Quintessential', cursive; 
    font-size:25px; 
    font-weight:normal; 
    color:#fff; 
    line-height: 59px; 
    background-image:url('img/ribbon.png'); 
    background-repeat:no-repeat; 
    } 

Answer 1

的正在顯示SPAN顯示：內聯;默認。

嘗試設置爲DISPLAY：INLINE-BLOCK;

這裏是爲什麼他們的工作這樣一些信息： http://www.webdesignfromscratch.com/html-css/css-block-and-inline/