如何列出右侧的图标，每个文本下面的文字相应？

Question

我想从左到右显示图标的图片，并在每个图标的下方分别显示图标。文字＆＃34; Icon1＆＃34;在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和list.I还在列表中添加了一些CSS。 Fiddle

<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;
}