JSFiddle - React, Tailwind, and code Playground

HTML

<section>
    <div contenteditable=true>test tes</div>
</section>

CSS

section {
    background-color: silver;
    padding-top: 20px;
    padding-bottom: 20px;
    
    -webkit-transition: all 1s ease;
	-moz-transition: 	all 1s ease;
	-ms-transition: 	all 1s ease;
	-o-transition: 		all 1s ease;
	transition: 		all 1s ease;
}
div {
    height:100%;
    width:100%;
    top:10px;
}
div, br {
    -webkit-transition: all 1s ease;
	-moz-transition: 	all 1s ease;
	-ms-transition: 	all 1s ease;
	-o-transition: 		all 1s ease;
	transition: 		all 1s ease;
}
:-moz-focusring {
    position:absolute;
   top:0;
}

div {
    background-color: white;
}