アンカータグでボタンを作る時のCSS

イシュー

• css の display要素を理解すれば、おおよそできる

参考

• [CSS] display要素のblockを理解するため、inline, inline-blockの使い方とサンプルを纏めてみた - YoheiM .NET

実装

ul li a {
  text-decoration: none;
  text-align: center;
  padding: 0.3em 0 0;
  display: inline-block;
  height: 29px;
  width: 123px;
}

<ul>
  <li>
    <a href="#">button1</a>
    <a href="#">button2</a>
  </li>
</ul>