html - 对齐列表的跨度

Question

我有这个: http://jsfiddle.net/Lehqyf1t

<ul class="myclass">
    <li><span style="background-color:#f608ff"></span>Text 1</li>
    <li><span style="background-color:#f608ff"></span>Text 2</li>
</ul>

CSS:

.myclass li span {
  width: 25px;
  height: 25px;
  display: block;
  float: left;
  margin-right: 10px;
}

无论我尝试什么，我都无法使两条线正确对齐。我该如何解决？

Answer 1

您必须清除 float在 <li> .

http://jsfiddle.net/Lehqyf1t/2/