En html necesito que al sobrevolar sobre las opciones de un menú aparezca un cuadro de texto explicando que hay en cada
este es el codigo que tengo:
.menu ul {
list-style-type: none;
margin: 0;
padding: 0;
}
.menu li {
padding: 8px;
margin-bottom: 4px;
background-color: #434343;
color: #ffffff;
box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}
.menu li:hover {
background-color: #191919;
color: deeppink;
}
<div class="col-3 col-m-3 menu">
<ul>
<li>Bolsas para tiendas</li>
<li>Cartas restaurante</li>
<li>Carteles</li>
<li>Carpetas</li>
<li>Etiquetas perforadas</li>
<li>Etiquetas adhesivas</li>
</ul>