The solution is really easy. Simply append the tag data-html="true" to the element and you can use HTML code within the title="" tooltip.
Code example:
Preview
You can use a wide array of HTML tags within the title="", such as <marquee>. Yes, that actually works.
<span data-html="true" title="<marquee>Welcome to the 90s</marquee>"> Do not hover me </span>
Step 1: Locate your chrome.exe application
Copy the full path to your Google Chrome executable, for example:
C:\Program Files (x86)\Google\Chrome\Application\chrome.exe
Step 2: Create a new shortcut on your desktop
Enter the following as the shortcut target:
"path/to/chrome.exe" --app=file.html
Examples
"C:\Program Files (x86)\Google\Chrome\Application\chrome.exe" -incognito --app=https://it-db.com
This will create a shortcut to open Google Chrome in “Desktop app” mode (no URL bar or menus etc) and point to the url after the --app= parameter.
The -incognito isn’t neccessary, just for showing the possibility.
"C:\Program Files (x86)\Google\Chrome\Application\chrome.exe" --app=C:\Users\kek\Downloads\cyberchef.htm
Same as above, but this will open a local file on my computer (cyberchef.htm) as a desktop app.
You could even distribute apps as single compressed html files and a corresponding shortcut, as long as the user has Chrome installed and you can figure out the chrome.exe path. Then you’d never have to go through the hassle by using Electron and compile it as an .exe.