css - label文字居中

Question

label文字居中

.Botton {
    background-color: white;
    margin-left: 0.63rem;
    border-radius: 0.36rem;
    font-size: 1.6rem;
    height:2rem;
    width:1.5rem;
    display: -webkit-inline-box;
    font-weight: 300;
    text-align:center;
}

<label class="Botton">1</label>

没有居中是什么原因，不想通过设置padding

Answer 1

為什麼是botton標籤？不是button嗎

Answer 2

左右居中：text-align:center;
上下居中：line-height:2rem;

Answer 3

行間元素，你要寫inline-block

其實建議你左右padding

Answer 4

文字對齊：居中；顯示：內聯區塊；

Answer 5

你用的內嵌區塊，會自適應內容的，沒辦法控制內容在區塊裡面的位置

Answer 6

label是什麼，請注意標籤語意化