Use MOAR markup.

light-markup.html

<form class="some-specific-form">
  <fieldset>
    <legend>Some lame heading</legend>
    <div>
      <label for="first-name">First Name
        <input name="first-name" class="input-box" />
      </label>
    </div>
  </fieldset>
  <div class="actions">
    <input type="submit"/>
    <input type="reset"/>
  </div>
</form>

mega-markup.html

<div class="form-wrapper">
  <div class="form-inner">
    <form class="some-specific-form">
      <fieldset class="personal-info">
        <legend>Some lame heading</legend>
        <div class="field-wrapper field-first-name">
          <div class="field-inner">
            <label for="first-name">First Name</label>
            <div class="input-wrapper input-text">
              <input name="first-name" class="input-box" />
            </div>
          </div>
        </div>
      </fieldset>
      <div class="action-button-wrapper">
        <div class="action-buttons-inner inline-buttons">
          <button type="submit" class="button button-green"><span><em>Submit</em></span></button>
          <button type="reset" class="button button-red"><span><em>Reset</em></span></button>
        </div>
      </div>
    </form>
  </div>
</div>

Write-more-markup.md

Write more markup

Markup is the final presentation API.

If you're in the business of writing markup that's intended to be styled by a 3rd party, provide the interested party the most flexible environment possible: write more markup | give more hooks.

A class that has more methods is more flexible than a class with one. A document with more elements and attributes is more flexible and style-able than one that provides minimal markup.

ew.