在屏幕右侧HTMLDOM中从左到右写2个按钮

Question

我的 DOM 结构如下：

 <button style="float:right">button1</button>
 <button style="float:right">button2</button>
 <button style="float:left">button3</button>
 <button style="float:left">button4</button>

它会显示为：https://jsfiddle.net/ospv6vn8/3/

按钮 3 按钮 4 按钮 2 按钮 1

但我想像这样渲染它们：

按钮 4 按钮 3 按钮 1 按钮 2

我无法修改我的 DOM 结构，是的，我可以编辑样式以获得所需的外观。

Answer 1

已编辑：有效！你可以让第一个使用 px 而不是 float 并让按钮 3 浮动在中心，像这样：

<button style="position: absolute; right: 61px;">button1</button>
<button style="position: absolute; right: 0px;">button2</button>
<button style="float:center;">button3</button>
<button style="float:left;">button4</button>

（总是让 button1 比 button2 多 61px）

在屏幕右侧HTMLDOM中从左到右写2个按钮

Write 2 button in HTML DOM on the right side of the screen from left to right

html

button

sequence-alignment