如何使用CSS将XML数据显示为表？

我有下面的代码。我想将XML代码链接到样式表，并在表中显示数据。我已链接到样式表，但如何在表中显示XML数据

<!DOCTYPE products SYSTEM "support.dtd">
<?xml-stylesheet href="style.css"?>

<products>
  <product>Widows XP</product>
  <product>Windows Vista</product>
  <product>Windows 7</product>
  <product>Windows Server 2003</product>
  <product>Windows Server 2008</product>
  <product>Debian Linux</product>
  <product>RedHat Linux</product>
  <product>VMware Virtulization</product>
  <product>Microsoft Hyper-V</product>
</products>

寡妇XP
Windows Vista
视窗7
Windows Server 2003
Windows Server 2008
DebianLinux
RedHat Linux
VMware虚拟化
微软Hyper-V

要在表格中显示给定数据，请使用

products { display: table; }
product { display: table-cell; }

这将数据显示为一行表。要在单元格周围添加边框，例如，请添加

product { border: solid 1px; }

---

非常感谢你。还有一个问题，我如何向表中添加标题并将其显示在一行中，以便每个产品都一一列出，即该表将显示标题操作系统，后跟Windows XP Windows Vista Windows 7等。如果需要添加内容，XSL可能是更好的工具，但对于简单的静态文本，可以使用生成的内容，例如，

products:before{display:table cell；content:OS；font-weight:bold；border:solid 1px；}