Ecrire 2 bouton dans HTML DOM sur le côté droit de l'écran de gauche à droite

Question

j'ai écrit ma structure DOM comme:

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

et il affichera comme: https://jsfiddle.net/ospv6vn8/3/

button3 button4 Bouton2 button1

mais je veux les rendre comme:

button4 button3 Onglet1 Onglet2

Je ne peux pas modifier ma structure DOM, oui je peux éditer les styles pour obtenir l'apparence désirée.

Answer 1

EDITED: CECI FONCTIONNE! Vous pourriez avoir les premiers utiliser px au lieu de flotter et d'avoir le bouton 3 centre flottant, comme celui-ci:

<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> 

(toujours ont BUTTON1 61px plus à droite que Bouton2)