JSFiddle - React, Tailwind, and code Playground

HTML

<div id="window-kitkat" class="form-control" contenteditable="true">
    <span class="correct-answer">
        <span contenteditable="false">The correct answer is (B) 2 to 3. </span>             
        <span class="sentence" num="10" contenteditable="true">jfbgfdgdf sgdsgsd.</span>
    </span>
    <br>
    <br>
    <span class="choice">
        <span contenteditable="false">Choice A (1 to 2) is incorrect. </span>
        <span class="sentence" num="11" contenteditable="true">dgsdgsg. sgsdgs sgsgs.</span>
    </span>
    <br>
    <span class="choice">
        <span contenteditable="false">Choice C (3 to 4) is incorrect. </span>
        <span class="sentence" num="12" contenteditable="true">fgsd dsfgd dfgdd.</span>
    </span>
    <br>
    <span class="choice">
        <span contenteditable="false">Choice D (4 to 5) is incorrect. </span>
        <span class="sentence" num="13" contenteditable="true">dsgsggsdsdg. fgsdgsgd  fdgdfgd gdfggdfg.</span>
    </span> 
    <br>
    <span class="choice">
        <span contenteditable="false">Choice E (5 to 6) is incorrect. </span>
        <span class="sentence" num="14" contenteditable="true">asdfghjk dfghjkl. sfsdgd.</span>
    </span>
    <br>
    <br>
</div>