<!-- 1つ目のボタン -->
<div class="btn1">
  <a href="">① ボタンをクリック！</a>
</div>

<!-- 2つ目のボタン -->
<div class="btn2">
  <a href="">② ボタンをクリック！</a>
</div>
body {
    text-align: center;
}
.btn1 {
    width: 200px;
    height: 50px;
    line-height: 50px;
    background-color: #333;
    margin: 0 auto;
}
.btn1 a {
    color: #fff;
    text-decoration: none;
}
.btn2 a {
    display: inline-block;
    width: 200px;
    height: 50px;
    line-height: 50px;
    background-color: #333;
    color: #fff;
    text-decoration: none;
    margin-top: 50px;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.