JSFiddle - React, Tailwind, and code Playground

HTML

<div class="autosort">
  <div><span>Равнина</span></div>
  <div><span>Кружка</span></div>
  <div><span>Алла</span></div>
  <div><span>Секретарь</span></div>
</div>
<div class="autosort">
  <pre>Foo</pre>
  <pre>Bar</pre>
</div>

JavaScript

;(function(){
  document.querySelectorAll('.autosort').forEach(parent => {
    parent.innerHTML = [...parent.children].sort((a, b) =>
      a.textContent > b.textContent ? 1 : -1
    ).map(node=>node.outerHTML).join('')
  })
})()