https://ma-kawaba.github.io/kawaba
<p>
The quick brown <span class=tlt>{fox|xof}</span> jumped over the lazy dog
<p>
This example would create a paragraph where the translation for "fox" would be shown in the hovering box as "xof"
<p>
<span class="tlt">
{Hello |olleh} {world!|dlrow}!
</span>
<p>
This example would create a paragraph where the translation for "Hello world!" would be shown as two different words in seperate hovering boxes as "olleh" and "dlrow" respectively.
To add spacing notice that I placed a space after Hello inside of the brackets, this is where the space goes :)