CSS表格,显示内容的反转顺序

Question

我知道这有点前沿,但无论如何这里是个问题:

特定

<div id="one">First Div</div>
<div id="two">Second Div</div>

...

#one, #two { display: table-cell; }

...这给了我一个可爱的并排排列的div,左边是#one,右边是#two.

反正是在左边放#two而在右边放#one,使用display: table-cell;,而不改变HTML中div的顺序？

我问,因为我想将#one保存在#two上面,因为搜索引擎优化的原因,但是出于审美原因,我希望#two位于#one的右侧.我知道如何使用浮点数/绝对定位/边距/等来做到这一点,但我想知道是否有一种方法可以使用较新的CSS表格显示属性(我更喜欢).

有什么想法吗？

Answer 1

你可以(ab)使用文字方向警告,邪恶前进:

<div id="container">
    <div id="one">First Div</div>
    <div id="two">Second Div</div>
</div>

<style>
    #container { direction: rtl; }
    #one, #two { display: table-cell; direction: ltr;}
</style>