Входной текст расширяется в соответствии с контентом

<style>
.growable-input{
    border: solid 1px black;
}
</style>
<span class="growable-input" contenteditable="true">input value here</span>
Friendly Hawk