scrollbox with mark

<style>

#scroll {
width:50%;
height:100px;
background: white;
border: 3px double #ccc;
border-radius: 5px;
padding: 10px;
overflow: auto;
font-family:Times;
font-size:16px;
color: #000;
}

mark {
background: #ccc;
border: 1px solid #000;
border-radius: 3px;
padding: 0 5px 0 5px;
color: #000;
</style>

<div id="scroll">
<p><mark>hello~</mark> text text text text text text text text </p>
</div>