定位（垂直居中）跨度的內部 div

Question

我有 3 個跨度：

 .see-more{ text-align: right; padding-right: 20px; display: inline-block; }.see-more.see-more-text{ display: inline-block; padding-top: -2px; }.see-more.fa-angle-right{ display: inline-block; margin-right:-6px; }

 <div class="see-more"> <a href="ground-stabilisation"> <span class="see-more-text">see more</span <span class="fal fa-angle-right"></span> <span class="fal fa-angle-right"></span> </a> </div>

這段代碼的效果是這樣的：

我試圖降低角度正確的圖標，使它們位於“查看更多”文本的中間，不幸的是，在所有嘗試中，總是整個 div 都在移動，而不是里面的元素。 有任何想法嗎？

Answer 1

在 fa-angle-right css 中嘗試 margin-top:20px （嘗試根據需要設置數字）