求助：CSS按钮容器左内边距设置后无法生效

嗨，我帮你揪出问题啦！你的CSS代码里有两处语法错误，这就是左侧内边距不生效的根源：

• .button-container 的 padding-left 缺少冒号：CSS属性和对应的值之间必须用冒号 : 分隔，你写的 padding-left 20vh; 会被浏览器判定为无效样式，自然不会生效。
• .button 的背景颜色值多了一个 #：十六进制颜色值的正确格式是 #RRGGBB，你写的 ##09b39f 是错误的，虽然这个不影响内边距，但也会导致背景颜色无法正常显示。

修正后的完整代码如下：

<style>
.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; 
}
</style>
<div class="button-container"> 
  <button class="button"><p>Here's a button</p></button> 
</div>

修正语法后，容器的左侧内边距就能正常生效了。另外补充一点：你给容器设置 display: inline-block; 是没问题的，inline-block元素是支持padding属性的，之前的问题完全是语法错误导致的~

内容的提问来源于stack exchange，提问作者user9642283