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';
}