50%宽度的HTML/CSS响应按钮

有谁能帮我创建一个自定义导航，无论屏幕大小如何，都可以并排显示两个按钮，我使用以下css代码：

display: inline-block;
width: 50%;
padding: 10px;

但每次我使用这个按钮，其他按钮似乎都会转到一个新的行

我想让它看起来像

无论屏幕大小如何。两个按钮并排排列，每个按钮将占据屏幕的一半。

div{
字号：0；
}
钮扣{
字号：1rem；
显示：内联块；
宽度：计算（50%-20px）；
填充：10px；
利润率：10px；
}

按钮1
按钮2

您好，谢谢您的帮助，但有没有办法在按钮之间留出空间？flex grow也做什么？我还在学习如何编写HTML和CSS@Paolo07

flex grow

在设置宽度后可以省略，按钮gap add

margin

很好，但我仍然建议您学习HTML和CSS的基础知识。以上代码已经更新。@Paolo07学习HTML和CSS的基础知识后，常见的样式问题就可以解决了。