Run »
<html> <head> <style> div { margin-bottom: 15px; padding: 4px 12px; } .danger { background-color: #ffdddd; border-left: 6px solid #f44336; } .success { background-color: #ddffdd; border-left: 6px solid #4CAF50; } .info { background-color: #e7f3fe; border-left: 6px solid #2196F3; } .warning { background-color: #ffffcc; border-left: 6px solid #ffeb3b; } </style> </head> <body> <h2>Notes</h2> <div class="danger"> <p><strong>Danger!</strong> Some text...</p> </div> <div class="success"> <p><strong>Success!</strong> Some text...</p> </div> <div class="info"> <p><strong>Info!</strong> Some text...</p> </div> <div class="warning"> <p><strong>Warning!</strong> Some text...</p> </div> </body> </html>
×
Report a Problem:
Your E-mail:
Page address:
Description:
Submit