JSFiddle - React, Tailwind, and code Playground

HTML

<div class="tooltip">
<img src="https://www.google.com/intl/en_ALL/images/logos/images_logo_lg.gif"/>
<span>
this<br /> is<br /> broken.
</span>
</div

<br />

<h4 class="tooltip">
What is CSS?
<span>
cascading<br /> style<br /> sheets<br />
this works.
</span>
</h4>

CSS

.tooltip span
{
	display:none;	
}
.tooltip:hover span
{
	display:inline;
	position:absolute;
	background:white;
	border:1px solid silver;
	color:gray;
	padding:5px;
	border-radius:10px
}