将 span 的内容包装在 li 中，使其保留在自己的列中

Question

我有一个列表，其中的每个 li 都有这样的结构：

<li>
  <img class="yes" src="...">
  <img class="no"  src="...">
  <span class="a">...</span>
  <span class="b">...</span>
</li>

现在如果类 b 的内容很长，它将环绕图像。我不希望它包裹在图像下方，我希望它保留在自己的列中。如果有办法做到这一点，请告诉我，因为使用表格来做到这一点是错误的。 谢谢！ 尼玛

Answer 1

你可以做几件事；

1) 在图像底部添加填充，以占据跨度文本通常会流入的空间。快速且简单，但对于动态页面来说并不现实。

2）在跨度周围包裹一个div。然后将 div 向右浮动，左边距与图像列的大小相同。然后，这将创建一个不会围绕图像流动的 div 容器。

Answer 2

谢谢对来，

我添加了div。这是实现这一目的的 css：

.divClass
{
    margin-left:30px;
    text-align:left;
}

.yes, .no
{
    float:left;
    width:15px;
}