배경 이미지 뒤에 텍스트

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

스팬이 표시되고 DISPLAY : INLINE; 기본적으로.

DISPLAY : INLINE-BLOCK으로 설정해보십시오. http://www.webdesignfromscratch.com/html-css/css-block-and-inline/