JSFiddle - React, Tailwind, and code Playground

HTML

<p>This is a potentially large paragraph of text, which <span class="wrapped"><span>may get 
wrapped onto several lines when displayed in the browser.
    I would like to be able to draw a minimal</span></span> box round the span</p>

CSS

.wrapped {
   outline: 2px solid black;
   box-shadow: 0px 0px 0px 2px rgba(0,0,0,1);
}

.wrapped span {
    border: 1px solid white;
    background-color: white;
    position: relative;
    z-index: 1000;
}