<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
.label {
color: white;
padding: 8px;
font-family: Arial;
}
.success {background-color: #04AA6D;}
.info {background-color: #2196F3;}
.warning {background-color: #ff9800;}
.danger {background-color: #f44336;}
.other {background-color: #e7e7e7; color: black;}
</style>
</head>
<body>
<h1>Labels</h1>
<span class="label success">Success</span>
<span class="label info">Info</span>
<span class="label warning">Warning</span>
<span class="label danger">Danger</span>
<span class="label other">Other</span>
</body>
</html>