文字背后的背景图片

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/