cr hyunjaeloml lace border scrollbox

<head>
<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=Mali&display=swap" rel="stylesheet">
</head>
<style>
#scroll3 {
border-width:7px;
border-style:solid;
border-image: url("https://i.imgur.com/NJa4bp2.png") 8 fill round;
height: 130px;
width: 350px;
padding: 10px;
overflow-y: auto;
margin: auto;
line-height: 1;
}

</style>

<style>
#text1 {
font-family: mali;
font-size: 14px;
font-color: black;
}
</style>

<style>
@font-face {
font-family: cutie;
src: url(https://dl.dropbox.com/s/xo075bh6tbd4f7d/CP.ttf);
}

mark {
background: #8FCFF1;
font-family: cutie;
border-radius:7px;
border: 1px solid black;
padding-left: 5px;
padding-right: 5px;
width: 40px;
color: #fff;
}

</style>
<div align="center">
<div id= "scroll3">
<div align="left">
<span style="font-family:cutie;"><mark>about</mark></span> <span style="font-family:mali;font-size: 11px;">
text text text text text text text text text text text text text text text text text text text text text text</span>
<br></br>
<span style="font-family:cutie;"><mark>byr</mark></span> <span style="font-family:mali;font-size: 11px;">
text text text text text text text text text text text text text text text text text text text text text text</span>
<br></br>
<span style="font-family:cutie;"><mark>dnr</mark></span> <span style="font-family:mali;font-size: 11px;">
text text text text text text text text text text text text text text text text text text text text text text</span>
</div>
</div>
</div>