<!--
<html lang="ja">
-->
<ul class="language-switch">
	<li title="ドイツ語"><a href="de" lang="de">deutsch</a></li>
	<li title="英語"><a href="en" lang="en">English</a></li>
	<li title="韓国語"><a href="ko" lang="ko">한국어</a></li>
	<li title="簡体中国語"><a href="zh-Hans" lang="zh-Hans">中文</a></li>
</ul>	
.language-switch {
	font: 1.4em Raleway, sans-serif;
	padding-inline-start: 2em;
	min-height: 1.5em;
	background: url(https://bittersmann.de/assets/language-icon.svg) no-repeat top left/1.5em;
}

.language-switch > li {
	display: inline;
	margin: 0.25em;
}

.language-switch a {
	color: currentcolor;
	text-decoration: none;
}
document.documentElement.lang = 'ja';

document.documentElement.addEventListener('click', event => {
	event.preventDefault();
})
Run Pen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.