Html 尝试将一些图像分割集中。最好的方法是什么？沙发还是桌子？附上一些代码

我正在尝试将3个图像图标居中。我选择了div而不是TABLE标签作为更现代的方法，但是有一些问题，比如我无法将它放在中间

代码如下：

    <div style="text-align:center;">
        <div style="">
            <div><img src="../../Content/images/Image1.png" alt=""/></div>
            <div>Image1</div>
        </div>
        <div style="">
            <div><img src="../../Content/images/Image2.png" alt=""/></div>
            <div>Image2</div>    
        </div>
        <div style="">
            <div><img src="../../Content/images/Image3.png" alt=""/></div>
            <div>Image3</div>
        </div>
    </div>

---

非常感谢。

尝试使用内联块，而且，您不需要将所有内容都封装在div标记中：p，您也可以尝试使用span标记而不是那些div

<div style="text-align:center;">
    <div style="display: inline-block;">
        <img src="../../Content/images/Image1.png" alt=""/>
        %br
        Image1
    </div>
    <div style="display: inline-block;">
        <img src="../../Content/images/Image2.png" alt=""/>
        %br
        Image2    
    </div>
    <div style="display: inline-block;">
        <img src="../../Content/images/Image3.png" alt=""/>
        %br
        Image3
    </div>
</div>

%溴
图1
%溴
图2
%溴
图3

1代表什么？？？

<div style="text-align:center;">
    <div style="display: inline-block;">
        <img src="../../Content/images/Image1.png" alt=""/>
        %br
        Image1
    </div>
    <div style="display: inline-block;">
        <img src="../../Content/images/Image2.png" alt=""/>
        %br
        Image2    
    </div>
    <div style="display: inline-block;">
        <img src="../../Content/images/Image3.png" alt=""/>
        %br
        Image3
    </div>
</div>