Html 使用css将两个箭头放在彼此的顶部

我正在创建一个系统，用户可以将一些产品添加到购物车中，我希望他们能够使用向上箭头和向下箭头添加一些项目。这些箭头位于某些文本的右侧。我已经用当前设置准备了一个JSFIDLE：

html：

<p>1</p>
<div class="addbutton"></div>
<div class="minbutton"></div>

现在我希望箭头在彼此的顶部，中间留一点空白，但我似乎不知道怎么做。谁能帮我完成这个任务

---

谢谢

将您的.addbutton类更改为块而不是内联块

   .addbutton {
  width: 0; 
  height: 0; 
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid black;
  display: block;
   }

---

将您的.addbutton类更改为块而不是内联块

   .addbutton {
  width: 0; 
  height: 0; 
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid black;
  display: block;
   }

---

添加位置：绝对位置；到您的.addbutton类。这样，它将保持原样，但允许在相同位置渲染下一个元素。这是您的

添加位置：绝对位置；到您的.addbutton类。这样，它将保持原样，但允许在相同位置渲染下一个元素。这是您的

，或者干脆完全删除显示声明。。。默认情况下，div是块元素。嘿，谢谢你，但我希望箭头位于文本的右侧，而当我将addbutton的显示更改为block时，它不会这样做：@Devos50像这样浮动箭头通常是比使用position:absolute更好的方法；不需要。你只需要把两个按钮都包起来，然后把它们放在文本旁边，或者干脆完全删除显示声明。。。默认情况下，div是块元素。嘿，谢谢你，但我希望箭头位于文本的右侧，而当我将addbutton的显示更改为block时，它不会这样做：@Devos50像这样浮动箭头通常是比使用position:absolute更好的方法；不需要。你只需要把两个按钮都包起来，然后把它们放在文本旁边，谢谢！但是有没有办法改变这两个箭头之间的差距？试着设置下箭头的上边和下边的边距，使它们在中间对齐。就这样，谢谢！但是有没有办法改变这两个箭头之间的差距？试着设置下箭头的上边和下边的边距，使它们在中间对齐。就这样