在以下 CSS 布局中，如何使我的箭头右对齐？

【问题标题】：In the following CSS layout how can I make my arrow right aligned?在以下 CSS 布局中，如何使我的箭头右对齐？
【发布时间】：2015-09-07 20:26:34
【问题描述】：

我这里有一个模型

目前，向下箭头位于“所有服务”旁边。我想让它正确对齐。我该怎么做？

【问题讨论】：

【解决方案1】：

将类“pull-right”添加到插入符号

<span class="caret pull-right">

【讨论】：

【解决方案2】：

我在评论最佳答案方面缺乏声誉，但我有一个简单的说明，以防“使用向右拉（浮动）时它不会垂直停留在中间”。解决办法是：

<span class="pull-right">
        <span class="caret"></span>
    </span>

【讨论】：

【解决方案3】：

正如@Omu 所说，先前的答案没有保持carte 的垂直对齐。相反，您应该扩展 .caret 的 css 类：

.caret {
  position: absolute;
  right: 1%;
  top: 45%;
}

【讨论】：