I am wondering if there is a practical way that I can streamline this code so that I don't need the clunky <span class="required">*</span> portion for each field...
Code:
<!-- Create Account Form -->
	<form id="createAccount" action="<?php echo $_SERVER['PHP_SELF']; ?>" method="post">
		<fieldset>
			<legend>Create a Member Account</legend>
			<ul>
				<!-- Required Note -->
				<li id="requiredNote">
					<span class="required">*</span> = Required Field
				</li>

				<!-- First Name -->
				<li>
					<label for="firstName"><span class="required">*</span>First Name:</label>
					<input id="firstName" name="firstName" class="text" type="text" maxlength="20"
							value="<?php if(isset($firstName)){echo htmlspecialchars($firstName, ENT_QUOTES);} ?>" /><!-- Sticky Field -->
					<?php
						if (!empty($errors['firstName'])){
							echo '<span class="error">' . $errors['firstName'] . '</span>';
						}
					?>
				</li>
I was going to use li span{} but that probably isn't specific enough, as there could be lots of places that an <li> would start with a <span> and have nothing to do with a "required" field in a form...

Any ideas?

Thanks,


Debbie