JSFiddle - React, Tailwind, and code Playground

HTML

<div id="window-oreo" class="form-control" contenteditable>
            <span num="1" class="">A 53-year-old retired football plater is brought to the ER with complaints of severe chest pain and diaphoresis.</span> <span num="2" class="">A stress test reveals abnormalities leading to the diagnosis of an acute myocardial infarction to the anterior interventricular septum.</span> 

<span num="4" class="">1. Occulusion of what artery is responsible for <span style="background: #00ECFF">his</span> symptoms?</span> 
<span num="5" class="">Left anterior descending</span> 

<span num="7" class="">The correct answer is (</span> 


<span num="10" class="">Choice A (</span> 
<span num="11" class="">Choice B (</span> 
<span num="12">Choice C (</span> 
<span num="13" class="">Choice D (</span> 
<span num="14">Choice E (</span> 



<span num="18" class="">TOPIC HEADING</span> 


<span num="21">Cx:</span> 

<span num="23">Px:</span> 

<span num="25">Wx:</span> 

<span num="27">Tx:</span> 



<span num="31">PEARLS</span> 
          </div>

CSS

#window-oreo {
  white-space: pre-line;
  height: 450px;
  overflow: auto;
  word-wrap: break-word;
}