怎么让input输入框最右侧一直默认有百分号

<div class="box_list">

<input type="text" /><span>%</span>
</div>

css：

.box_list{

overflow: auto;

border: 1px solid #ccc;

display: inline-block;

height: 30px;

line-height: 30px;
}
.box_list input{

height: 28px;

float: left;

border: none;

outline: none;
}

.box_list span{

float: left;

}