JSFiddle - React, Tailwind, and code Playground

by alexandroppolus

HTML

<div class="ainfo">
   <div></div>
   <div></div>
   <div></div>
   <div></div>
   <div></div>
   <div></div>
   <p>p</p>
   <a>link</a>
</div>

CSS

div {
  margin: 10px;
  min-height: 10px;
  border: 4px solid #999;
}
p, a {
  margin: 10px;
  min-height: 10px;
  border: 4px solid red;
}

JavaScript

var div = document.querySelector('.ainfo');
var range = document.createRange();
range.setStartBefore(div);
range.setEndBefore(div.querySelector('p, a'));
document.body.appendChild(range.cloneContents());