CSS3不同大小表单的表单宽度

Question

不太确定如何解决这个问题，在CSS表单中很好地标记了表单

#forms {
    width:40%; 
    margin: 10px auto; 
    padding: 10px 30px;
    background: rgba(144,144,143,0.6);
    border: 1px solid #e1e1e1;
    box-shadow: 0px 0px 8px #85857f;
}

我的问题是较小的表单，两个输入文本框，看起来对于内容来说太大了，任何人都知道一种方法可以为不需要在html中编写内联CSS的表单提供不同宽度的表单吗？

我很困惑这个。