JSFiddle - React, Tailwind, and code Playground

HTML

<body>

		<div id="container" style="display: inline-block; white-space: nowrap;" >
			<div style="margin: 5px;" >
				<a href="./rt_og.php" style="font-size:300%; text-decoration: none; border: solid 1px;">🌡OG </a> 
			</div>
			<div style="margin: 5px;" >
				<a href="./rt_eg.php" style="font-size:300%; text-decoration: none; border: solid 1px;">🌡EG </a> 
			</div>
			<div style="margin: 5px;" >
      <img src="/favicon.png" style="height: auto;" />
				<a href="../frontend/index.html" style="font-size:300%; text-decoration: none; border: solid 1px;">Volkszaehler Frontend</a>
			</div>
		</div>

</body>

CSS

html,
body{
    height:100%;
    width:100%;
    margin:0;
    padding:0;
}
#container{
    white-space:nowrap;
    
    background:#aae;
}
#container:before{
    content:'';
    display:inline-block;
}

JavaScript

/* center canvas in container */