Html 如何从我的按钮开始的位置开始文本，而我不'；我不想把它流到外面去？

我是一个新的编码和工作了三天，无法解决这个问题，在我的代码 我想从按钮从左边开始的地方开始按钮内部的文本，我不想它流到外部 请帮忙 提前谢谢

.集装箱{
保证金：0自动；
/*这将使页面居中*/
宽度：70%；
/*这里的宽度*/
}
.栏目{
浮动：左；
宽度：自动；
填充物：5px10px；
}
.广场{
高度：390px；
宽度：290px；
背景色：#22262e；
边界半径：5px；
}
.按钮{
边界半径：4px；
宽度：34%；
背景色：#2c7f40；
/*绿色的*/
边界：无；
颜色：白色；/*按钮中的文本颜色*/
字体系列：“Lucida控制台”、“Courier New”、monospace；
填充：4%30%；
文本对齐：左对齐；
文字装饰：无；
显示：内联块；
字体大小：20px；
利润：4倍2倍；
光标：指针；
-webkit转换持续时间：0.4s；
/*狩猎*/
过渡时间：0.4s；
}
框中按钮项目

.container{
保证金：0自动；
/*这将使页面居中*/
宽度：70%；
/*这里的宽度*/
}
.栏目{
浮动：左；
宽度：自动；
填充物：5px10px；
}
.广场{
高度：390px；
宽度：290px；
背景色：#22262e；
边界半径：5px；
}
.按钮{
边界半径：4px；
宽度：自动；
背景色：#2c7f40；
/*绿色的*/
边界：无；
颜色：白色；/*按钮中的文本颜色*/
字体系列：“Lucida控制台”、“Courier New”、monospace；
填充：5px0px；
文字装饰：无；
字体大小：20px；
利润：4倍2倍；
光标：指针；
-webkit转换持续时间：0.4s；
/*狩猎*/
过渡时间：0.4s；
位置：相对位置；
溢出包装：断开单词；
线高：2米；
最大宽度：100%；
显示：内联块；
}

如果你不想要，就不应该设置

padding

哇，非常感谢你，该死，这很简单，如果你只想让左边的padding为0：

padding:4%30%4%0推荐站点：您能解释一下您的改动吗？另外，
填充：4%不会从最左边开始文本position@brombeer填充和溢出换行这是我的更改和其他一些更改
填充
：这就是为什么您不从左向右移动，也不从5px上下移动
溢出换行
：不要从编辑的按钮摘要中拉出内容。再次检查，如果对您有帮助，请回答@brombeer