появление блока при нажатии на сниппет

.tooltip { 
  position: relative; 
  text-decoration: underline; 
} 
 
.tooltip .tooltipContent { 
  position: absolute; 
  min-width: 200px; 
  top: 18px; 
  left: 50%; 
  transform: translateX(-50%); 
  background-color: #f2f2f2; 
  padding: 10px; 
  border-radius: 10px; 
  display: none; 
} 
 
 
.tooltip:hover .tooltipContent { 
  display: block; 
}

бла бла бла  
<span class="tooltip"> 
  сюда можно навести 
  <div class="tooltipContent"> 
    Проверка, тут можно вставлять любой html 
  </div> 
</span> 
бла бла бла <br> 
бла бла бла