I want to show a JavaScript based dynamic content and some text beside each other in HTML.
To show them side by side, I am using a border-less table .
The problem is that I am able to see the result correctly when the HTML code is ran in Html Code Tester but when seen live on my domain , the adjacent columns are not on the same level. The columns are placed one above other . I have used the valign attribute to make sure the dynamic content fits in the row height but that doesn't help too.
The Webpage (with incorrect preview) is this and its source code in the git repository is this.
The code used for testing with HTML Code Tester can be found here