="dir-shadow-41-ref.html">
<style type="text/css">
body {width: 600px;}
#host {border: 1px solid gray; margin: 1em; padding: 0.25em;}
span {border: 1px solid silver;}

</style>
<script src="dir-shadow-utils.js"></script>
</head>
<body>

<p>`dir=rtl` on a div in the shadow tree, `dir=ltr` on the shadow host, no slotted text in the light or dark trees</p>
<div id="host" dir="ltr"><span slot="x1"></span></div>
<p id="result">The HTML direction / computed CSS `direction` value is: </p>

<script type="text/javas