在CSS按钮之外填充

Question

我尝试在CSS中填充按钮，但左侧的外部填充无法正常工作。

＆＃13;

＆＃13;

.button-container {
padding-left 20vh;
padding-bottom: 1vh;
display: inline-block;
}

.button {
background-color: ##09b39f;
border: none;
padding: 2vh;
text-decoration: none;
display: inline-block;
border-radius: 2vh;
}

＆＃13;

<div class="button-container">
<button class="button"><p>Here's a button</p></button>
</div>

＆＃13;

＆＃13;

＆＃13;

我已尝试使用容器作为按钮，然后在其周围添加填充。填充在左侧不起作用。任何想法，因为我无法看到它。

Answer 1

我相信你在css选择器后缺少一个冒号。

.button-container {
padding-left: 20vh;
padding-bottom: 1vh;
display: inline-block;
}

.button {
background-color: ##09b39f;
border: none;
padding: 2vh;
text-decoration: none;
display: inline-block;
border-radius: 2vh;
}

<div class="button-container">
<button class="button"><p>Here's a button</p></button>
</div>