JSFiddle - React, Tailwind, and code Playground

HTML

<!-- первый вариант, в коде в том же порядке что и на экране -->
<div>
  <span style="color:red">text1<span> <span style="color:green">text2</span>
  <input type="button" value="button">
</div>

<br>

<!-- второй вариант - кнопка в коде раньше текстовых элементов -->
<div>
  <input type="button" value="button">
  <span style="color:red">text1<span> <span style="color:green">text2</span>
</div>

CSS

div { text-align: left; width: 400px }
input[type=button] { float: right }