This is more semantically correct, and (more to the point) looks
better.
pattern="[a-zA-Z0-9]*" />
</div>
- <h3>Zone</h3>
+ <p>Zone:</p>
<div>
<input required type="radio" id="zone1" name="zone" value="Zone 1" />
<label for="zone1">Zone 1</label>
pattern="[a-zA-Z0-9]*" />
</div>
- <h3>Origin</h3>
-
+ <p>Origin:</p>
<div>
<input required type="radio" id="origin1" name="origin" value="BAL" />
<label for="origin1">Baltimore/Penn (Penn Line)</label>
<label for="origin8">West Baltimore (Penn Line)</label>
</div>
- <h3>Destination</h3>
+ <p>Destination:</p>
<div>
<input required type="radio" id="destination1" name="destination" value="BAL" />
<label for="destination1">Baltimore/Penn (Penn Line)</label>