html - 将 div 从右到左与 div 右侧的位置属性对齐

Question

我喜欢放置 a div，我声明的位置（此处left: 20%：）位于 div 的右侧而不是左侧。我已经尝试了几件事，但一切都失败了。我该怎么做才能存档？

对于这张图片的前两行，我有以下 CSS 代码，但我无法得到我想要的第三行。

<!-- Left orientated with anchor left -->
<div style="position: absolute;
            top: 20%;
            left: 20%;              
            ">
     <span>...</span>
</div>

<!-- Right orientated with anchor left but right to left flow -->      
<div style="position: absolute;
            top: 30%;
            left: 20%;
            direction: rtl;             
            ">
     <span>...</span>
</div>

标签： htmlcss

Answer 1

<div id="wrap" style="position: absolute; width: 100%; display: inline-table; border: 1px dashed #aaa;">
        <div style="position: relative;
                    display: table-cell;
                    border-right: 1px solid #aaa;
                    width: 20%;   
                    ">
             <span>1</span>
        </div>

        <div style="position: relative
                    top: 30%;
                    display: table-cell;
                    width: 80%;
                    direction: rtl;             
                    ">      
                <div style="position: relative
                            top: 30%;
                            width: 50%;
                            text-align: left;
                            display: table-cell;
                            float: left;         
                            ">2.1<span> 2.2</span>

                </div>
                <div style="position: relative
                            top: 30%;
                            text-align: left;
                            width: 50%;
                            display: table-cell;
                            float: right;        
                            ">3.1<span> 3.2</span>

                </div>
        </div>