Question

I am trying to create a 100% fluid input box with a description on the left. I had it pretty much exactly how I wanted except it is now causing me problems when I put a border on the input box because it cuts it off on the right side.

Without resorting to using 99% instead of 100% width, how can I achieve this? Should I be doing this with an extra div instead of a “label”?

http://jsfiddle.net/GCt3z/18/

Answer 1

Indeed:

box-sizing: border-box;

Will change the box-model on the element, which would include border and padding inside of the width calculation.

Example