CSS label text right below input element

Question

I have input text\'s and label tags. I can\'t figure out the CSS to get the label text to align right below the input text. Here\'s a snippet of the HT

Answer 1

A quickly whipped up example that works:

input {
  display: inline-block;
  width: 6em;
  position: relative;
  top: -3em;
}

label {
  display: inline-block;
  width: 6em;
  margin-right: .5em;
  padding-top: 1.5em;
}

  member 1 
  member 2 
  member 3 
  member 4 
​

Could be improved, but I find it cleaner than extraneous divs, and it degrades much nicer than the label-after-input-approach when CSS support is absent. Personally, I prefer to nest the inputs in the labels anyway.