Example Navigation

Example 1: Select with no labeling

Best Practice Rating: Fail

Example Start

Select pizza crust

Example End

HTML Source Code

<div class="label">Select pizza crust</div>
<select name="crust">
    <option>Deep dish</option>
    <option>Thick</option>
    <option>Hand thrown</option>
    <option>Thin</option>
</select>

CSS Source Code

  <style type="text/css">
div.label {
  margin: 0;
  padding: 0;
  margin-left: 20px;
  font-size: 100%;
  font-weight: bold;
}

select  {
  margin: 0;
  padding: 0;
  margin-left: 20px;
}

  </style>