css中如何在网页中制作中心框？

Question

我在 CSS 中有这段代码，它应该创建一个绿色框，但它创建了一条绿线。 我不明白为什么因为有填充和边距的代码。

 .second {text-align: center;
        background-color: green;
        margin-left: auto;
        margin-right: auto;
        padding: 10px;
        font-weight: 100;

我希望它是一个绿色的盒子，每边都有 10px 的填充。

Answer 1

您必须分配宽度和高度属性，如下所示：

.second {
  text-align: center;
  background-color: green;
  margin-left: auto;
  margin-right: auto;
  padding: 10px;
  font-weight: 100;
  width: 300px;
  height: 200px;
}