24 lines
767 B
HTML
24 lines
767 B
HTML
<!DOCTYPE html>
|
|
<html lang="en" class='bg-black text-white'>
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>Glossary Tooltip</title>
|
|
<script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script>
|
|
</head>
|
|
<body class='container mx-auto my-8 text-xl'>
|
|
<h1 class='text-3xl'>Glossary</h1>
|
|
|
|
<p class='my-4'>
|
|
This paragraph contains a
|
|
<span class="glossary-term group relative cursor-help border-b border-dotted border-gray-500 hover:tooltip">
|
|
<strong>container</strong>
|
|
<span class="tooltip absolute bottom-[120%] left-1 bg-[#333] w-md text-center text-white py-1 px-2 rounded z-10 hidden group-hover:block">
|
|
A unit that packages software and its dependencies.
|
|
</span>
|
|
</span>
|
|
which is important in DevOps.
|
|
</p>
|
|
|
|
|
|
</body>
|
|
</html>
|