try to find a natural way to encode html in js
var s = ```
div class="txt-c" style="display: flex"
div class="maxl paxl box-shadow-key-1" style="width: 33%;"
code
.box-shadow-key-1
div class="maxl paxl box-shadow-amb-1" style="width: 33%;"
code
.box-shadow-amb-1
div class="maxl paxl box-shadow-1" style="width: 33%;"><code>.box-shadow-1</code>
<div class="txt-c" style="display: flex">
<div class="maxl paxl box-shadow-key-2" style="width: 33%;"><code>.box-shadow-key-2</code></div>
<div class="maxl paxl box-shadow-amb-2" style="width: 33%;"><code>.box-shadow-amb-2</code></div>
<div class="maxl paxl box-shadow-2" style="width: 33%;"><code>.box-shadow-2</code></div>
</div>
<div class="txt-c" style="display: flex">
<div class="maxl paxl box-shadow-key-3" style="width: 33%;"><code>.box-shadow-key-3</code></div>
<div class="maxl paxl box-shadow-amb-3" style="width: 33%;"><code>.box-shadow-amb-3</code></div>
<div class="maxl paxl box-shadow-3" style="width: 33%;"><code>.box-shadow-3</code></div>
</div>
```
var s = [
["div", "class=txt-c", "style=display: flex",
[
"div", "class=maxl paxl box-shadow-key-1", "style=width: 33%;",
["code", ".box-shadow-key-1"]
],
[
"div", "class=maxl paxl box-shadow-amb-1", "style=width: 33%;", ["code", ".box-shadow-amb-1"]
],
[
"div", "class=maxl paxl box-shadow-1", "style=width: 33%;", ["code", ".box-shadow-1"]
]
]];
function toHTML(a) {
var s = '';
}