Why doesn't the <input> element respect min-width?

Question

http://jsbin.com/nuzazefuwi/1/edit?html,css,output

In the link above the textbox should have only 10px instead it has a width of 152px.

This is

Answer 1

change your css width as 155px

.input{  
  width:155px;  //Replace 100% to 155px
 box-sizing:border-box;
 }