DIV内的文字太靠近DIV边界

Question

大家好，晚上好，

DIV内的文字太靠近DIV边框。如何创建空间以使文本离边界更远一点？

非常感谢

下面你可以找到我的CSS，你也可以找an example on my website所以你知道我在说什么。再次感谢你。

 .text {
    background-color: #F1F1F1;
    width: 600px;
    margin: auto;
    border: 1px solid #73AD21;
    padding-top: -50px;
    padding-right: -60px;
    padding-bottom: -50px;
    padding-left: -20px;
}

pre {
    white-space: pre-wrap;       /* Since CSS 2.1 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

Answer 1

只需提供padding: 15px;。

.text {
    background-color: #F1F1F1;
    width: 600px;
    margin: auto;
    border: 1px solid #73AD21;
    padding: 15px;
    }

您可以根据需要增加填充（即padding: 20px）。

Answer 2

在div中添加一个小填充，应该为你做。

.div {
  padding: 10px;
}