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;默认情况下。

尝试设置为DISPLAY：INLINE-BLOCK;

以下是有关他们为何如此工作的更多信息： http://www.webdesignfromscratch.com/html-css/css-block-and-inline/

在文本后的背景图象

1 个答案: