ボタンdivを集中化する方法

Question

ボタンまたはタグを（それ自身で）その行内に集中させたいと思います。

私はこれを黄色にしたり、周囲に境界線を置いたりしますが、常にそのままにしておきます。どうすればそれを集中化できますか？

a.butt, button.butt { 
    border: 1px solid #ffff01; 
    background-color: transparent; 
    height:50px; 
    cursor:pointer; 
    padding-left: 40px; 
    padding-right: 40px; 
    padding-top: 10px; 
    padding-bottom: 10px; 
    text-decoration: none; 
    text-align: center; 
    color: #ffff01; 
} 

あなたの助けのおかげでこれを行うには

Answer 1

いくつかの方法、多分

a.butt, button.butt { 
border: 1px solid #ffff01; 
background-color: transparent; 
height:50px; 
cursor:pointer; 
padding-left: 40px; 
padding-right: 40px; 
padding-top: 10px; 
padding-bottom: 10px; 
text-decoration: none; 
text-align: center; 
color: #ffff01; 

display: block; 
margin-left: auto; 
margin-right: auto; 
width: ??px; 
} 

は、トリックを行います。

Answer 2

あなたは、このコードは質問に答えるかもしれないがどのようにおよび/またはそれを解決し、なぜ問題が改善するだろうに関する追加のコンテキストを提供し、親にここhttps://jsfiddle.net/uy4u781d/

Answer 3

margin-left:auto; 
margin-right:auto; 
width:150px; //width as you want 
display:block;