Html 按钮定位错误

但在小尺寸中，其外观如下：

---

请帮我做这个。谢谢

您是否尝试添加display:block；到按钮？

默认情况下，.

作为一个快速而肮脏的解决方案，尝试将“阅读更多”更改为“阅读更多”-不间断的空格将阻止单词之间的换行。

是的，它没有帮助这是正确的答案。检查是否将display:block应用到右侧元素我的解决方案是添加此行display:inline block；空白：nowrap；好啊内联块将帮助您设置元素的高度或可能的位置。

<div class="head-btn wow fadeInLeft">
  <a href="#intro" class="btn-primary">Get started</a>
  <a href="#intro" class="btn-default">Read more</a>
</div>

.head-btn {
margin-bottom: 40px;
}

.btn-default {
    font-size: 16px;
    margin: 30px 0 10px;
    padding: 15px 30px;
    height: 35px;
    border-radius: 80px;
}