相关疑难解决方法(0)

在我正在处理的这个滑块上,我希望幻灯片上的描述在文本后面有一个橙色背景,在行的开头和末尾有一点填充.我将p标签的显示更改为内联,当它只有一行时可以工作,但是当文本换行到下一行时,css只将左/右填充应用到第一行的左侧和右侧的最后一行.

我怎么能不具有固体橙色正方形容器的整个宽度的大小对文本的每行的左侧和右侧的填充？

这是滑块中的文字"Lorem ipsum dolor sit amet,consectetur adipiscing elit.Duis nec purus tellus,quis pulvinar tortor.Sed m​​attis lobortis gravida.Lorem ipsum dolor sit amet."

http://www.brainbuzzmedia.com/themes/simplybusiness/

这是p标签的css:

.camera_caption p {
    background: none repeat scroll 0 0 #FFAA3B;
    color: #000000;
    display: inline;
    font-size: 1.7em;
    margin: 0;
    padding: 3px 7px;
}