Ceci est une version archivée de Essai30 à 2023-11-25 18:10:21
""<!DOCTYPE html><html lang="es">
<head>
- <meta charset="UTF-8">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <style>
- #rectangle {
- width: 400px;
- height: 200px;
- background-color: blue;
- display: flex;
- flex-direction: column;
- align-items: center;
- justify-content: center;
- color: white;
- font-family: Arial, sans-serif;
- position: relative;
- text-align: center;
- }
- #rectangle {
- #rectangle:hover::after {
- content: "Cette famille est le meilleur cadeau que la vie nous ait donné. Merci ! Parce qu'une famille est un cadeau merveilleux que la vie nous offre, c'est pourquoi il faut apprendre à la valoriser.";
- position: absolute;
- top: 50px;
- left: 550px;
- transform: translateX(-50%);
- background-color: #333;
- color: white;
- padding: 10px;
- border-radius: 5px;
- display: block;
- width: 300px;
- text-align: left;
- }
- </style>
<body>
<div id="rectangle">
- Esta familia es el mejor regalo que la vida nos ha dado. ¡Gracias! Porque una familia es un regalo maravilloso que nos ofrece la vida, por eso hay que aprender a valorarla.
</body>
</html>