<!DOCTYPE html>
<html>
<head>
<style>
.textarea-like {
    width: 255px;
    height: 96px;
    border: 1px solid black;
    overflow-y: scroll;
    position: relative;
    top: 2px;
    margin: 2px 2px 2px 2px;
    padding: 2px 2px 2px 2px;
    white-space: pre-wrap;
    word-wrap: break-word;
    font: -webkit-small-control;
    font-family: monospace;
}
</style>
</head>
<body>

<p>A mixed case of a shadow element and content element.</p>
<form>
    <div class="textarea-like">textarea<p>paragraph<b>bold</b>paragraph</p><div style="margin: 20px">textarea</div></div>
</form>

</body>
</html>