JSFiddle - React, Tailwind, and code Playground

HTML

<!-- somutkod.blogspot.com -->
<!-- Kod Paylasim Merkezi --><div class="somutkodbaslik" id="somutkodbaslikk" style="background-image: linear-gradient(85deg, rgb(198, 213, 227) 12.96%, rgb(110, 143, 185) 75.13%); border-top-left-radius: 3px; border-top-right-radius: 3px; box-shadow: rgb(102, 102, 102) 0px 1px 3px; height: 30px; line-height: 28px; margin-top: 12px; padding-top: 0px; text-indent: 15px; font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; font-size: 13px; background-color: rgb(245, 245, 255); text-align: center;"><strong>Kod A&ccedil;ıklaması</strong></div>
<div id="somutkodmetin" class="somutkodmetinn" style="background-image: none; background-attachment: scroll; background-color: rgb(249, 249, 249); border: 1px solid rgb(221, 221, 221); border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; box-shadow: rgb(238, 238, 238) 4px 1px 8px inset; overflow: hidden; padding: 15px 20px 30px; position: relative; font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; font-size: 13px; background-position: 0px 0px; background-repeat: repeat repeat;">
<div style="font-style: italic;">Burayı sen doldur..Burayı sen doldur..Burayı sen doldur..Burayı sen doldur..Burayı sen doldur..Burayı sen doldur..Burayı sen doldur..Burayı sen doldur..Burayı&nbsp;</div>
</div>
<div class="somutkodbaslik" id="somutkodbaslikk" style="background-image: linear-gradient(85deg, rgb(198, 213, 227) 12.96%, rgb(110, 143, 185) 75.13%); border-top-left-radius: 3px; border-top-right-radius: 3px; box-shadow: rgb(102, 102, 102) 0px 1px 3px; height: 30px; line-height: 28px; margin-top: 12px; padding-top: 0px; text-indent: 15px; font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; font-size: 13px; background-color: rgb(245, 245, 255); text-align: center;"><strong>Kod &Ouml;nizlemesi</strong></div>
<div id="somutkodmetin"...