P标记覆盖css类的属性

Question

我正在尝试将<p>标记放在带有<div>的css类中，但是我遇到了问题。 当我添加<p>标签时，“背景”类中的背景颜色消失。然而，利润仍然存在。 <p>标记是否会以某种方式覆盖<div>标记？ <p>的css文件中没有任何内容影响背景颜色，因此我不知道它为何会受到影响。

代码

<div class="background">
    <p>test
        <br>test
        <br>test
        <br>test
        <br>test
        <br>test
        <br>test
        <br>test
        <br>test
    </p>
</div>

这在css文件中：

.background {
    background-color: #303030;
    margin: 0px 250px;
}

p {
    font-size: 1.1em;
    font-family: georgia;
    color: white;
}

Answer 1

用填充替换边距：http://jsfiddle.net/tmfu7j32/1/

padding: 0px 250px;

请解释，为什么你

  

[...]不能使用填充，因为我有背景颜色   是一种较浅的颜色，我不希望整个事情都是那样   颜色。[...]

或者请提供周围的代码。