JSFiddle - React, Tailwind, and code Playground

by Ulrich Bangert

HTML

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Unbenanntes Dokument</title>
<link href="styles.css" rel="stylesheet" type="text/css">
</head>

<body>
<div id="berlin" class="gelb">
	<div class="berlintext"><p>Hallo</p></div>	
</div>
</body>
</html>

CSS

@charset "utf-8";
/* CSS Document */
*{
	margin: 0px 0px;
}
.gelb{
	background-color: #D1D12D;
}
#berlin{
	width: 22px;
	height: 22px;
	margin-top: 0px;
	margin-left: 0px;
}

.berlintext{
	color: #000000;
	margin-left: 100px;
  display: none;
}
#berlin:hover {
	background-color: #ffff00;
}
#berlin:hover .berlintext {
  display: block;
}