How to align all fields as label width grows

Question

I have a form where the labels are on the left and the fields on the right. This layout works great when the labels have small amounts of text. I can easily set a min-widt

Answer 1

Width align left and right columns and vertical align top

    Name

    Username (aka aka aka aka aka aka aka aka aka aka aka)

    Password

    Confirm Password





Another label

CSS:

fieldset label {
  display: inline-block;
  vertical-align: top;
  width: 150px;
  text-align: right;
  font: 11px Verdana;
  color: #003399;
  margin: 4px 4px 4px 4px;
}

fieldset input {
  display: inline-block;
  vertical-align: top;
  margin: 4px 4px 4px 4px;
}

fiddle: https://jsfiddle.net/46okafre/