JSFiddle - React, Tailwind, and code Playground

HTML

<br>
<center>
<table width="350" border="0">
        <tr>
                <td><b>Server:</b></td><td id="name"></td>
        </tr>
        <tr>
                <td><b>Players:</b></td><td><table><tr><td id="clients"></td><td>/</td><td id="maxclients"></td></tr></table></td>
        </tr>
        <tr>
                <td><b>Track:</b></td><td id="track"></td>
        </tr>
        <tr>
                <td><b>Timeleft:</b></td><td id="timeleft"></td>
        </tr>
</table>
</center>

CSS

body {
      font-size: 75%;
     }
table {
       border-collapse: collapse;
       border-spacing: 5;
       border: 0 none;
      }

JavaScript

var url="http://acserver1.vgos.cz/INFO"; 

        $.getJSON(url, function(data) {

        var name = (data.name);
        var track = (data.track);
        track1 = track.replace("imola", "Imola").replace("ks_nordschleife-endurance", "Nordschleife Endurance"); 
            
        var clients = (data.clients);
        var maxclients = (data.maxclients);
        var timeleft = (data.timeleft);
        var timeleft1 = new Date(null, null, null, null, null, timeleft).toTimeString().match(/\d{2}:\d{2}:\d{2}/)[0];

        $('#name').text(name);
        $('#track').text(track1);
        $('#clients').text(clients);
        $('#maxclients').text(maxclients);
        $('#timeleft').text(timeleft1);

        });