JSFiddle - React, Tailwind, and code Playground

HTML

<dl>
    <d-i>
        <dt>Foo</dt>
        <dd>Bar</dd>
    </d-i>
    <d-i>
        <dt>Bar</dt>
        <dd>Baz</dd>
    </d-i>
</dl>

JavaScript

document.registerElement('d-i', {
    prototype: Object.create(HTMLLIElement.prototype, {
        createdCallback : function () {
           var content = document.createElement('content');
           content.setAttribute('select','*');
           this.appendChild(content);
        }
    }),
    extends: 'li'
});