Question

html 如何使span区域中的<input>输入框居左显示

要求的效果：

.current-page{width:22px;height:25px;line-height:25px;overflow:hidden;margin-left:62px;}
.current-page-slash{width:4px;height:25px;}
.sum-page{width:5px;height:25px;line-height:25px;overflow:hidden;margin-left:62px;}

<span class="current-page" style="border:1px solid red;"><input type="text" name="currentPage" style="width:20px;"/></span>
<span class="current-page-slash" style="border:1px solid blue;">/</span>
<span class="sum-page" style="border:1px solid red;"><input type="text" name="sumPage" style="width:20px;align:left;"/></span>
出来的效果：

求帮忙





Answer 1

把这个

.sum-page{width:5px;height:25px;line-height:25px;overflow:hidden;margin-left:62px;}
替换成
.sum-page{width:5px;height:25px;line-height:25px;overflow:hidden;}

Answer 2

要求效果图没有边框颜色你干什么该弄点颜色,
、要求效果图上， 前一个1是text， 后面那个应该不是text把？

追问

为了调试的时候看清楚些啊。等调试完成后就边框删了

追答

需要一张浅蓝色背景图片