html - 图像堆叠成列而不是行

Question

我有以下 CSS 规则:

.list_meta {
font-size: 10px;
line-height: 18px;
margin-bottom: -1px;
color: 
#999;
text-transform: uppercase;
display: block;
}

我有一组星星图像，我想将其显示为 *****相反，它们显示为:

*
*
*
*
*

我正在尝试的代码是:

<span class="list_meta">
   <span style="float:left; padding-right:10px; display: inline;">
      <img src="small_star.png" alt="Star" height="9" width="10">
      <img src="small_star.png" alt="Star" height="9" width="10">
   </span>
5 Star Rating</span>

我想达到 ***** 5 星评级任何帮助将不胜感激

Answer 1

使用这个

.list_meta img{
    float:left;
}