html - 在右侧对齐 li 元素

Question

我的代码中有li

<ul class="thumbnails-carousel clearfix" style="list-style:none;">
  <li><img src="http://s2.postimg.org/h6uti3zud/1_tn.jpg" alt="1.jpg"></li>
 <li><img src="http://s27.postimg.org/n4fjr7q2n/2_tn.jpg" alt="2.jpg"></li>
 <li><img src="http://s29.postimg.org/afuhmf61f/3_tn.jpg" alt="3.jpg"></li>
 <li><img src="http://s29.postimg.org/p45dxi6hf/4_tn.jpg" alt="4.jpg"></li>
</ul>

我希望这些图片位于每张图片的右侧，而不是彼此下方。

Answer 1

您可以使用 float:left 以及 display:inline-block

ul li{
  float:left;
}

或

ul li{
  display:inline-block;
}