填充在div块内不可见？

Question

请检查jsFiddle link并说明为什么在div容器中看不到填充？

body {
  background-color: #B8C4BB;
}

.container {
  text-align: center;
}

.section_two {
  border: 2px solid red;
  padding: 10 px;
}

<div class="container">
  <div class="section">
    Change the value of the color property to see how it changes the text color of this element.
  </div>
  <div class="section_two">
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt, alias, aliquid fugiat dolorem repudiandae quidem. Molestiae illum pariatur officia voluptate cumque. Necessitatibus earum consequuntur explicabo minus ratione mollitia illum nam.
  </div>
</div>

Answer 1

你只输错了。

use padding property

like: padding: 10px;
insteade of: 10 px;

请参阅Fiddle demo

Answer 2

你的CSS如下：

.section_two {
  border: 2px solid red;
  padding: 10 px;
}

填充值无效。它应该是padding: 10px。 10和px

之间没有空格

Answer 3

它没有用，因为你在10和px之间放了一个空格。它应该像下面的代码一样。

.section_two {
   border: 2px solid red;
   padding: 50px;
}