Css 我如何制作流体按钮

我在表单中使用了一个提交按钮。长文本通常很好，但在小屏幕上查看时会出现问题

当前，无论页面宽度如何，按钮都保持相同的宽度，如果页面太窄，则会导致页面水平滚动

我希望文本像在内联块元素中一样进行换行。我已经在css中指定了这一点，但它似乎不起作用

input{background:#deaded;padding:10px 30px;display:inline-block;border-radius:5px}

<input type="submit" value="This is where the slogan goes" />

input{background:#dead；padding:10px 30px；display:inline块；边框半径：5px}

您可以使用

空白：正常


输入{
背景：#死亡；
填充：10px 30px；
显示：内联块；
边界半径：5px；
空白：正常；
}