Html 填充在CSS中不起作用，即使使用“显示内联块”

不确定我做错了什么，但这些标签/输入和按钮元素中的填充样式根本不起作用，因为当我反复刷新chrome时，没有任何变化。在线搜索之后，我只找到了向这些元素添加display:inline块的解决方案，但它仍然不起作用。请参阅下面我的全部代码：

.block{
显示：内联块；
利润率：5px0px；
填充：10px自动10px 10px；
宽度：100%；
}
.bold{
字体大小：20px；
字体大小：400；
}
输入[type=“radio”]{
-webkit外观：无；
宽度：15px；
高度：15px；
边界半径：50%；
背景色：白色；
边框：1px实心#AAAAA；
保证金：自动4px；
}
输入[type=“radio”]：选中{
背景色：#AAAAA；
}
身体{
字体系列：“蒙特塞拉特”，无衬线；
}
钮扣{
背景色：白色；
边框：1px实心#DA1E；
颜色：#da1e；
显示：内联块；
填充：10px自动；
宽度：100%；
}
按钮：悬停{
背景色：#DA1E；
颜色：白色；
}
形式{
宽度：500px；
保证金：0自动；
}
h1{
字体大小：35px；
字号：500；
文本对齐：居中；
}

新病人表格
登记为新病人
全名
性
男性
女性
其他
出生日期
电子邮件地址
提交详细信息
没有填充
auto
这样的东西

因此，整个填充行无效，无法使用

在检查图元时也可以看到这一点。你会注意到它被划掉了，旁边有一个警告标志：

填充中没有自动填充

更改为：

.block{
padding: 10px 0px 10px 10px;
}

可以在inspect中看到此错误：

“自动”是指自动调整。它与宽度、高度、边距和背景大小相匹配。没有填充物

padding: 10px 0px 10px 10px;

只需将其设置为
0px
，而不是自动&它现在应该可以工作了


.block{
显示：内联块；
利润率：5px0px；
填充：15px 0px 15px 15px；
宽度：100%；
}
填充没有自动值。将其替换为0