JSFiddle - React, Tailwind, and code Playground

HTML

<div id="wrap">
    <div id="zero">block0</div>
    <div id="one">block1 <input type="button" onclick="reorder()" value="Перенести в конец"></div>
    <div id="two">block2</div>
</div>

CSS

body {
    background: #eee;
}
#wrap {
    width: 302px;
}
#zero{
    background: white;
}
#one {
    background: yellow;
}
#two {
    background: green;
}

.reordered {
    display: table;
}
.reordered div {
    display: table-row-group;
}
.reordered #one {
    display: table-footer-group;
}

JavaScript

function reorder() {
    document.getElementById('wrap').className = 'reordered';
}