HTML

input text expand to fit content

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