html – 是否使用“display：table;”将一个布局组织成2列？

div.container {
  width: 600px; height: 300px; margin: auto;
  display: table; table-layout: fixed;
  }

ul {
  white-space: nowrap; overflow: hidden;
  display: table-cell;
  width: 40%;
  }

div.inner {
  display: table-cell;
  width: auto;
  }

有了这个布局：

<div class="container">

  <ul>
    <li>First</li>
    <li>Second</li>
    <li>Third</li>
    </ul>

  <div class="inner">
    <p>Hello world</p>
    </div>

  </div>

这似乎是令人钦佩的。不过，我不禁想到 – 我是否遵守“不要使用桌子”的规则，而不是精神的信？我认为没关系，因为HTML代码中没有定位标记，但是我不知道“正确”的方式。

我不能使用css float，因为我希望列可扩展并与可用空间签约。

请堆栈溢出，帮助我解决我对这些伪表的恐惧感。