求救，hr分隔線無法置中。

<!-- html樣式部分代碼 -->  

  <div class="about">

      <div class="a-top"></div>

        <h2>ABOUT</h2>

        <hr />

        <div class="topword">

          Lorem Ipsum is simply dummy text of the printing and typesetting<br/>

          industry. Lorem Ipsum has been the industry's standard dummy<br/>

          text ever since the 1500s.

        </div>

    </div>

/*CSS外部引入部分代碼*/

.about{

  width: 100%;

  height: 700px;

  text-align: center;

}

.about h2{

  font-size: 40px;

  line-height: 150px;

}

.about hr{

  height: 1px;

  width: 50px;

  background-color: #07cbc9;

  align: center;

}

嘗試用css或直接在html標籤添加align="center"，hr分隔線始終靠左，無法置中，請問該如何設置？另外分隔線該如何與下方文字拉開距離？是要針對文字區加設div，再設行高嗎？