当我有背景图像时，如何缩进所有行文本？

Question

这看起来很简单，但我似乎无法按照自己的意愿开始工作：

我的CSS：

.widget_box_fill {
display: block;
float: left;
clear: left;
width: 620px;
margin:0px 0px 0px 30px;
padding: 20px 0;
background: url(../images/tabbed_bg.jpg)  no-repeat;
background-size:100% 100%;
}

尽可能地尝试，我似乎无法将图像保留在原位并缩进所有文本行。

Answer 1

您正在使用padding: 20px 0;，这意味着您的左右填充为0。

尝试使用padding:20px;将其放在所有方面。

如果您只想在一边，请尝试padding-left:20px;

Answer 2

如果我理解正确，您需要更改填充并将背景保持在相同位置。

如果有，您可以尝试：background-origin: border-box;