alert messages - that pass the HTML validation


/ Published in: CSS
Save to your folder(s)



Copy this code and paste it in your HTML
  1. .alert {
  2. background: #fff6bf url(bioneural/exclamation.png) center no-repeat;
  3. background-position: 15px 50%; /* x-pos y-pos */
  4. text-align: left;
  5. padding: 5px 20px 5px 45px;
  6. border-top: 2px solid #ffd324;
  7. border-bottom: 2px solid #ffd324;
  8. }
  9.  
  10. <p class="alert">Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>

URL: http://www.bioneural.net/2006/04/01/create-a-valid-css-alert-message/

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.