JSFiddle - React, Tailwind, and code Playground

HTML

<div id="main">
  <div id="dv_7">7</div>
  <div id="dv_1">1</div>
  <div id="dv_8">8</div>
  <div id="dv_4">4</div>
  <div id="dv_11">11</div>
  <div id="dv_2">2</div>
</div>

CSS

body { padding: 1em; }

JavaScript

var main = document.getElementById( 'main' );

[].map.call( main.children, Object ).sort( function ( a, b ) {
    return +a.id.match( /\d+/ ) - +b.id.match( /\d+/ );
}).forEach( function ( elem ) {
    main.appendChild( elem );
});