scroll

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono&display=swap" rel="stylesheet">

<style>
#scroll01{
background: #FFFFFFB0;
font-family: JetBrains Mono;
height: 175px;
width: 75%;
padding: 8px;
margin-left: auto;
margin-right: auto;
text-align: left;
overflow: auto;
position: absolute;
top: 40px;
left: 4.2em;
z-index: 1;
border-radius: 3px;
font-size: .75em;
line-height: 15px;
}

mark {
font-family: JetBrains Mono;
background: #F4D4FF;
border-radius: 50%;
padding-left: 5px;
padding-right: 5px;
color: #000;
}

</style>
<div id="scroll01">
<mark>info</mark> info info info info
</div>