<div class="alert">Success alert</div>
.alert {
border-color: hsl(120, 50%, 40%);
color: hsl(120, 50%, 20%);
background-color: hsl(120, 50%, 90%);
}
.alert {
display: inline-block;
padding: 10px 15px;
border-radius: 5px;
margin: 10px;
font-size: 16px;
border-width: 2px;
border-style: solid;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.