Example Navigation

Example 1: Text box control with no label

Best Practice Rating: Fail

Example Start

Name
E-mail
Comment

Example End

HTML Source Code

<div class="text">
    <div class="label">Name</div>
    <input type="text" size="30" name="name" />
</div>

<div class="text">
    <div class="label">E-mail</div>
    <input type="text" size="25" name="email" />
</div>

<div class="text">
    <div class="label">Comment</div>
    <textarea rows="5" cols="50" name="comment"></textarea>
</div>

CSS Source Code

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

div.text input,
div.text textarea {
  margin: 0;
  padding: 0;
  margin-left: 20px;
  margin-bottom: 1.25em;
}

  </style>