css - div block 内的填充不可见？

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