How TO - Notes

Learn how to create "notes" with CSS.

Notes

Notes can be used to notify the user about something special: danger, success, information or warning

Danger! Some text...

Success! Some text...

Info! Some text...

Warning! Some text...

<div class="danger">
<p><strong>Danger!</strong> Some text...</p>
</div>

.danger {
background-color: #ffdddd;
border-left: 6px solid #f44336;
}

Tip: Also check out Alerts.