如何讓div中的a標籤上下左右居中對齊

案例：
 

<div class="show-more">
 
    <a href="###">LEARN MORE</a>
 
</div>

解決方案：
 

   .show-more{
      width: 200px;
      height: 30px;
      border: 1px solid red;
      border-radius: 20px;
      text-align: center;
      display:table;
    }
    .show-more a{
      display:table-cell; 
      vertical-align:middle;
    }