css - 将两个三项对齐在同一行

Question

如何使用 css 在同一行制作三个元素？我想让他们一个接一个地在同一条线上吗？这就是我对 html 的看法

<div class="btn-votes">
       <input type="button" title="Up" class="up"/>
            <div class="label-votes">2</div>
       <input type="button" title="Down" class="down" />  
</div>

这是CSS

.btn-votes input[type="button"]{
    width:32px;
    height:32px;
    border:0;
    cursor:pointer; 
    margin-bottom: -20px; 
    display:inline-block;
}
.up {background-image:url("")}
.up:disabled {background-image:url('')}
.down {background-image:url("")}
.down:disabled {background-image:url('')}
.label-votes {font-size:1.0em;color:#40CD22;text-align:center;font-weight:bold;}

这里是 JsFiddle ..注意:图片没有显示在那里，因为我有自己的..只是试图为演示提供一些图片。

Answer 1

将 display:inline-block 添加到您的 .label-votes 类

.label-votes {
    font-size:1.0em;color:#40CD22;text-align:center;font-weight:bold;display:inline-block;
}

http://jsfiddle.net/hzqqcv4g/3/