snippet.txt

## Semantic

<div class="childhood-story">
  <label for="story-of-youth">A Story From Your Childhood</label>
  <textarea name="story-of-youth" id="story-of-youth" cols="30" rows="10"></textarea>
</div>

<style>
  div.childhood-story label {
    vertical-align: top;
  }
</style>

## Object-oriented

<div class="top-align">
  <label for="story-of-youth">A Story From Your Childhood</label>
  <textarea name="story-of-youth" id="story-of-youth" cols="30" rows="10"></textarea>
</div>

<style>
  div.top-align {
    vertical-align: top;
  }
</style>