水平显示Html表

Question

我正在构建一个.xslt文件以附加到我的XML文档。我使用以下代码显示我的颜色代码图例：

<footer width="100%">
    <table>
      <tr>
        <td><div style="background-color:#90EE90;width:15px;height:15px;border:1px solid #000;"></div>Nouveauté</td>
        <td><div style="background-color:#AFEEEE;width:15px;height:15px;border:1px solid #000;"></div>Modifié</td>
        <td><div style="background-color:#FFF;width:15px;height:15px;border:1px solid #000;"></div>Normal</td>
      </tr>
    </table>
  </footer>

---

当前结果

不幸的是，我得到以下结果：

---

通缉结果

我的实际结果应该如下所示：

---

我还尝试在带有内联样式显示的无序列表中使用列表项标签。还尝试使列表项浮动，得到相同的结果......我不确定为什么它没有正确显示。

Answer 1

您可以使用span代替div或使用float:left上的div

选中此fiddle