h5 求教 如何修改figcation的文字描述的位置

Question

我这里的figcation的文字描述默认在figure图片的右侧
也无法在css里定义他的样式，不知道是不是哪里代码的问题

HTML代码如下，目前还没有给代码加css样式，描述就默认在图片的右侧了

Answer 1

图片加个display:block

flex

<div style="display:flex">
    <figure style="flex:1">
        <p>测试</p>
        <img src="test.jpg" />
    </figure>
    <figure style="flex:1">
        <p>测试</p>
        <img src="test.jpg"  />
    </figure>
</div>

浮动

    <figure style="float:left">
        <p>测试</p>
        <img src="test.jpg" />
    </figure>
    <figure style="float:left">
        <p>测试</p>
        <img src="test.jpg"  />
    </figure>