从右到左方向的复选框和标签顺序

Question

HTML offers dir选项，我可以将元素的方向放在＆＃34;从右到左＆＃34;。

当我将此属性添加到我的body时，一切正常，除了标签输入字段的顺序。

我将输入放在标签之前，如下所示：

<input id="input_id" type="radio" name="radio_button">
<label for="input_id">Radio Button text</label>

我理解dir属性＆＃34;只是＆＃34;改变角色的方向。但重新排序输入/标签对的简单方法是什么？

Demo via JSFiddle.

Answer 1

如果您的问题确实是如何控制标签和输入字段的顺序，则需要为此添加样式规则：

label{float:right;}

http://jsfiddle.net/ruv5w5zo/3/

Answer 2

<div>
    <input id="input_id" type="radio" name="radio_button"/>
    <label for="input_id">Radio Button</label>
</div>

input{

    float:left;
}

链接FIDDLE

http://jsfiddle.net/ruv5w5zo/2/