css图片文字一排

    <div class="footer1">
        <div class="vercital-head"></div><!-- 羊肉串 -->
        <img class="vercital-body" src="data:images/上一页.png" onclick="prve()">
        <input class="foot_btn vercital-body" style="background-color: #fe6500;" type="button" name="" value="1">
        <input class="foot_btn vercital-body" type="button" name="" value="2">
        <input class="foot_btn vercital-body" type="button" name="" value="3">
        <input class="foot_btn vercital-body" type="button" name="" value="4">
        <img class="vercital-body" src="data:images/下一页.png" oncancel="next()">
    </div>

.footer1{
    position: absolute;
    width: 100%;
    text-align: center;
    top: 87%;
}
.footer1 img{
    width: 25px;
    height: 25px;
    cursor: pointer;
}
.vercital-head{
    display: inline-block;
    width: 1px;
    height: 100%;
    vertical-align: middle;
}
.vercital-body{
    vertical-align: middle;
    display: inline-block;
}