HTML Code
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
body {
font-family: Arial, Helvetica, sans-serif;
}
.notification {
background-color: #555;
color: white;
text-decoration: none;
padding: 15px 26px;
position: relative;
display: inline-block;
border-radius: 2px;
}
.notification:hover {
background: red;
}
.notification .badge {
position: absolute;
top: -10px;
right: -10px;
padding: 5px 10px;
border-radius: 50%;
background-color: red;
color: white;
}
</style>
</head>
<body>
<h1>Working Code</h1>
<a href="#" class="notification">
<span>Message</span>
<span class="badge">8</span>
</a>
</body>
</html>
Notification Button HTML Working code
Working Code Asked question August 22, 2023