Different ways of displaying errors in validation

preview.md

stylesheet.css

/* 
  Text Errors for validation
*/

label { width: 10em; float: left; }
label.error { float: none; color: red; padding-left: .5em; vertical-align: top; }
p { clear: both; }
.submit { margin-left: 12em; }
em { font-weight: bold; padding-right: 1em; vertical-align: top; }
.required {  font-family: Verdana, Arial, Helvetica, sans-serif; 
 font-size: 24px; 
 margin-right: 6px; 
 background-color: #CCCCCC;
 border: 1px solid #666666;
}

/* 
  Visual Errors for validation
*/
 /* Validation */

label.error { visibility: hidden; }
input.error, textarea.error, select.error { border-bottom: 3px solid #cc0000; }