html 用div放入两张图片对应下面文字

效果图

好久没打前端样式哈哈哈都忘了

<style>
    .rzk-img {
        margin: 0 auto;
        width: 50%;
        height: 200px;

    }

    .rzk-img .imag-1 {
        float: left;
        height: 100%;
    }

    .rzk-img .imag-1 img {
        width: 100%;
        height: 100%;
    }
</style>

<div class="rzk-img" style="text-align: center">
    <div class="imag-1">
        <img src="1.png"/>
        <span style="text-align: center">左一</span>
    </div>
    <div class="imag-1">
        <img src="1.png"/>
        <span style="text-align: center">右一</span>
    </div>
</div>