下划线输入框

实现下划线输入框效果,如图:

代码如下：

html代码:
<span style="font-size:16px;">组长:
    <input type="text" class="input" />
</span>

CSS:
.input{
   border:0;
   border-bottom:1px solid #c0c0c0;
   outline:0;
   text-align:center; 
   width:100px;
   font-size:16px;
}