JSFiddle - React, Tailwind, and code Playground

HTML

<article style="width: 100px">
    <h1 contenteditable="true">Heading</h1>
    <p>
        <strong>Some adjacent content</strong>
        <span contenteditable="true">Span! This is long enough it will spread over multiple lines.</span>
    </p>
    
    <div style="display: inline" contenteditable="true">An inline div also with multiple lines.</div>
</article>

CSS

[contenteditable=true] {
    border: 1px dotted #999;
}