Html 如何使我的图标保持在手风琴标题的中心？

我有一个手风琴。 在我的手风琴的右侧，我有一个图标，我想将该图标设置为停留在面板标题的中间

正如你现在看到的，它有点太接近底部了

我试过使用填充和边距，但到目前为止我没有运气。我不确定我是否用错了

---

HTML

---

---

如果需要-

在图标上添加负上边距

.hide-details-sk-p .icon-sk-p-r {
  margin-top: -5px;
}

---

您可以使用相对位置来确定图标应显示的位置：

.hide-details-sk-p .icon-sk-p-r {
    position: relative;
    top: -5px;
    left: 13px;
}

---

也许你想要的是

位置：绝对
，这也适用于较长的标题：

.panel-title{
    padding-right: 100px;
}

.hide-details-sk-p {
    position: absolute;
    right: 20px;
    top: 7px;
}

小提琴：

注意：调整窗口大小，看看它是如何工作的。
这非常有效。请问你怎么知道
-5
是个神奇的数字？你有没有一直玩到它们看起来很漂亮？是的，我玩过：）很公平。谢谢你。
.hide-details-sk-p .icon-sk-p-r {
    position: relative;
    top: -5px;
    left: 13px;
}

.panel-title{
    padding-right: 100px;
}

.hide-details-sk-p {
    position: absolute;
    right: 20px;
    top: 7px;
}