JSFiddle - React, Tailwind, and code Playground

HTML

<span id="s1">can't know</span>
<span id="s2">don't know</span>
<span id="s3">she said, "yes"!</span>


<div id="container">
</div>

CSS

input{
    width: 80%;
    margin: 10px;
}

span{
    margin: 0px 10px 20px 10px;
}

JavaScript

$(function(){
    createTextboxes()
});


function createTextboxes(){ 
    
    $('span').each(function(index, value){
        
        var spanContent = $(value).text();
        
        var tmpTextBox = "<input type='text' id='t" + index + "' value='" + spanContent  + "' class='dynTxt' />";
        
        $('#container').append(tmpTextBox);
    });
}