移动插入符号的位置？

Question

基本上我想要做的就是移动这个插入符号，我甚至不知道从哪里开始，所以这里有一张我试图向上移动的图片。 （如果你不知道的话，插入符号就是小箭头。）

对于这个问题的标题感到抱歉，它不是很清楚，但我不知道还有什么可以称之为......

这里是bootstrap中插入符号的CSS

.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px solid;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}

Answer 1

我更改了代码中看到的垂直对齐方式。而不是

vertical-align: middle;

我用过

vertical-align: super;

将它提升到文本的高度。