Html CSS线条高度不影响浮动：右元素

我有两个跨度元素，我试图垂直居中，我通过将线高度与父元素的高度匹配，成功地将左元素居中，但是右元素的样式为float:right不受线高度更改的影响，这有什么原因吗？我怎样才能使浮动的元素垂直居中呢

HTML

---

注意：我也在使用引导

只是元素的内联内容受设置

行高的影响。浮动元素是
块
，这就是
行高度
不起作用的原因

将
行高设置为箭头，而不是包装。我将
float
设置为两个
span
s，当您将
float:right
设置为第二个时，左箭头保持为
inline
元素，下一个箭头将低几个像素

.slideshow-holder {
    background:url('../res/images/abwallpaper.jpg');
    height:300px;
}

.slideshow-holder span {float: left; line-height: 300px;}
#slideshow_next_button {float: right;}

这非常有效，我的箭头垂直居中。不过有一件事，我给了我的箭头一个边界半径，以尝试创建一个圆形作为背景，但是线条的高度将它们延伸出来：有没有办法保持圆形并使其垂直居中？圆形CSS:#幻灯片放映#上一个按钮#幻灯片放映(下一个)按钮{填充：20px；边框半径：20px；背景：rgba（255255,0.3）；边框：2px实心rgba（255255,0）；}
.slideshow-holder
{
    background:url('../res/images/abwallpaper.jpg');
    height:300px;
    line-height:300px;
}

.slideshow-holder {
    background:url('../res/images/abwallpaper.jpg');
    height:300px;
}

.slideshow-holder span {float: left; line-height: 300px;}
#slideshow_next_button {float: right;}