CSSでリストやラベルを揃えたい

HTML の UL とか LI タグでアイテムやラベルを書いた時に縦位置を並べたい。

素のHTMLで書いたらこうなるのを

CSSだけでこんな感じにそろえる

CSSはこんな感じ

  /*ほっとくと100%になるので、幅を決めてセンタリング*/
  ul { 
    width: 280px;
    margin: 0 auto;
  }
  /*リストの点を除去して、floatを解除する*/
  ul li {
    list-style: none;
    clear:both;
    margin-bottom: 4px;
  }
  /*ラベルは幅を固定してfloatで左に置く*/
  ul li label {
    width:100px;
    float: left;
    padding: 4px;
  }
  /*IE対策にフォント明示*/
  input{
    font-family: sans-serif;
    padding: 4px;
    margin: 2px;
  }