CSS direction属性测试实例页面

CSS代码：

.rtl { direction: rtl; }

.btn {
    display: inline-block;
    background-color: #f0f3f9;
    padding: 5px 10px;
}
                

HTML代码：

<p class="rtl"><img src="mm1.jpg"> <img src="mm2.jpg"></p>

<p class="rtl"><span>span1</span> <span>span2</span></p>

<p>
  <button>确定</button> <button>取消</button>
  <a href="javascript:" class="btn">确定</a> <a href="javascript:" class="btn">取消</a>
</p>
↓
调换顺序后的代码
↓
<p class="lrt">
  <button>确定</button> <button>取消</button>
  <a href="javascript:" class="btn">确定</a> <a href="javascript:" class="btn">取消</a>
</p>