double border text

<style>

body {
background-color: #fff;
}

#title {
font-family: arial;
font-size: 3em;
color: black;
-webkit-text-stroke: 1px white;
}
</style>

<div id="title" style="
-webkit-filter: drop-shadow(1px 0px 0 black) drop-shadow(-1px 0px 0 black) drop-shadow(0px 1px 0 black);
filter: drop-shadow(1px 0px 0 black) drop-shadow(-1px 0px 0 black)
drop-shadow(0px 1px 0 black)
drop-shadow(0px -1px 0 black);
">double text here</div>