Html 方便移动的桌子替代品？

我正在学习HTML/CSS，我想将下面列出的网站（目前使用Windows Excel制作）重写为我自己编写的自定义内容。问题是，与桌子打交道有点难，而且对移动设备很友好。我还没有进入Javascript（很快），但是有没有CSS方法来处理这个问题呢

我要更改的站点：

对于这个网站：我只使用@media screen最大宽度1024px和728px来提供自动“平板电脑”和“移动”版本。使用LRD站点进行此操作不会正确分解表

---

提前感谢您的回答！：）

您可以这样做： HTML

---

您可以将divs与

display:table

一起使用。为了响应，divs应该替换structure的表。此外，请在问题中至少包含代码片段。实际live页面的链接无法正常工作，因为它们将被更新/删除，并且不可供以后参考。感谢jacelysh，我将确保比较display:table和下面的div内联解决方案。：）谢谢，我将尝试这个（现在不行）和display:table，只是为了玩这些选项。但这是有道理的，我很感激。：）

<div class="container">
    <ul>
       <li>
           Computers
        </li>
        <li>
            <a href="">Editing</a>
        </li>
        <li>
            <a href="">Internet/Privacy </a>
        </li>
    </ul>
</div>
<div class="container">
    <ul>
       <li>
           Computers
        </li>
        <li>
            <a href="">Editing</a>
        </li>
        <li>
            <a href="">Internet/Privacy </a>
        </li>
    </ul>
</div>

.container
{
    display:inline-block;
}

.container ul
{
    list-style:none;
}

.container ul li:first-child
{
    background-color:red;
}