Input box 100% width, with label to the left

Question

I\'m trying to have a fluid input box with 100% width, while having the label floated to the left. Here\'s what I currently have:

.left {
  float: left;
}

inpu         


        

Answer 1

See: http://jsfiddle.net/r2769/ (resize the window)

CSS:

.left {
    float: left;
}

.left2 {
    overflow: hidden;
    display: block;
    padding: 0 4px 0 10px
}
.left2 input {
    width: 100%
}

HTML:

    Name:
    

An explanation of the method is here.