<!DOCTYPE html>
<html>
<head>
<style>
.panel {
margin:auto;
padding:16px;
color:#FFFFFF;
list-style:none;
text-align:center;
background-color:#4D44D4;
border:solid 4px #4DDDD4;
font:normal 80%/1.0 sans-serif;
}
.panel p {
display:none;
}
.panel:hover p {
display:block;
}
</style>
</head>
<body>
<div class="panel"><i>Hover to show panel</i>
<p>Muy lejos, más allá de las montañas de palabras, alejados de los países de las vocales y las consonantes, viven los textos simulados. Ni siquiera los todopoderosos signos de puntuación dominan a los textos simulados; una vida, se puede decir, poco ortográfica. Pero un buen día, una pequeña línea de texto simulado, llamada Lorem Ipsum, decidió aventurarse y salir al vasto mundo de la gramática...</p>
</div>
</body>
</html>
No hay comentarios