如何在每個圖標下方相應的文本右側列出圖標？

Question

我想從左至右顯示圖標的圖片，並在每個圖標下方分別命名並隔開。 icon1下面的文本“ Icon1”，依此類推。 tierGo中沒有CSS。

<div id="tierGo">
    <h1>Icon List</h1>
    <img src="tinyIcons/icon1.png" style="margin-right:15px;" />
    <img src="tinyIcons/icon2.png" style="margin-right:15px;" />
    <img src="tinyIcons/icon3.png" style="margin-right:15px;" />
    <img src="tinyIcons/icon4.png" style="margin-right:15px;" />
    <img src="tinyIcons/icon5.png" style="margin-right:15px;" />
</div>

Answer 1

我在使用div和列表方面取得了成功，並且還在列表中添加了一些CSS。 小提琴

<div id="tierGo">
    <h1>Icon List</h1>
    <ul>
   <li> <div image1>
            <img src="http://placehold.it/50x50"/>
        <div >
            Image 1
        </div>
    </div>
   </li>  
   <li> <div image2>
            <img src="http://placehold.it/50x50"/>
        <div >
            Image 2
        </div>
    </div>
   </li>  

   <li> <div image3>
            <img src="http://placehold.it/50x50"/>
        <div >
            Image 3
        </div>
    </div>
   </li>  
    </ul>

CSS：

li{
    list-style-type: none;
    display: inline;
    margin-right: 15px;
    float: left;
}