<article class="component" id="content">
  <h2 class="component-title">内容区</h2>
  <p class="component-description">如果你希望页面内容所有两边有间距，可以把内容放在 <code>.content-padded</code> 容器中</p>

  <div class="component-example">
    <div class="content-padded">
      <p>我的左右两边有留白,我的左右两边有留白,我的左右两边有留白,我的左右两边有留白,我的左右两边有留白,我的左右两边有留白,我的左右两边有留白,我的左右两边有留白,我的左右两边有留白,我的左右两边有留白,我的左右两边有留白</p>
    </div>
  </div>

{% highlight html %}
<div class="content-padded">
  <p>我的左右两边有留白,我的左右两边有留白,我的左右两边有留白,我的左右两边有留白,我的左右两边有留白,我的左右两边有留白,我的左右两边有留白,我的左右两边有留白,我的左右两边有留白,我的左右两边有留白,我的左右两边有留白</p>
</div>
{% endhighlight %}
</article>


