This is an informational note.
This note shows a warning.
This note shows danger!
This won't get styled — it also needs to have the notebox class.
.notebox { border: 4px solid #666; padding: .5em; } .notebox.warning { border-color: orange; font-weight: bold; } .notebox.danger { border-color: red; font-weight: bold; }
<div class="notebox"> This is an informational note. </div> <div class="notebox warning"> This note shows a warning. </div> <div class="notebox danger"> This note shows danger! </div> <div class="danger"> This won't get styled — it also needs to have the notebox class </div>