移动样式中的按钮堆叠太近

Question

我正在尝试让手机电子邮件中的按钮停止如此紧密地堆叠在一起。它在桌面视图中看起来不错，但移动设备会切断按钮之间的任何空间。

我尝试添加底部填充和边距底部，但它们最终使移动按钮更大但仍然触摸。

.buttonstyles {
font-family:arial,helvetica,sans-serif !important;
font-size: 16px !important;
color: #FFFFFF !important;
padding: 10px !important;
}

此代码当前使按钮触摸。

当前的按钮

Answer 1

我认为它会起作用，否则请分享您的代码。

.css

.buttonstyles {
display: inline-block
}

Answer 2

请尝试使用此代码。

.buttonstyles {
background:#000;
color: #FFFFFF;
padding: 10px ;
margin:10px;
float:left;
border:none;
}

<button class="buttonstyles">Demo1</button>
<button class="buttonstyles">Demo2</button>