freeCodeCamp

id	challengeType	videoUrl	forumTopicId	localeTitle
587d78a3367417b2b2512ad0	0	https://scrimba.com/c/cyLJqU4	301043	使用 margin 属性将元素水平居中

Description

在应用设计中经常需要把一个块级元素水平居中显示。一种常见的实现方式是把块级元素的 margin 值设置为 auto。同样的，这个方法也对图片奏效。图片默认是内联元素，但是可以通过设置其 display 属性为 block来把它变成块级元素。

通过给页面中的 div 添加值为 auto 的 margin 属性将其居中显示。

tests:
  - text: '<code>div</code> 的 <code>margin</code> 应该为 <code>auto</code>。'
    testString: assert(code.match(/margin:\s*?auto;/g));

<style>
  div {
    background-color: blue;
    height: 100px;
    width: 100px;
    
  }
</style>
<div></div>

// solution required