关于button中文字对齐

初学html 写了个按钮 下面是css文件中button的属性
input[type = "button"]{
background:#F0F0F0;
padding:0px;
margin:0px;
border-top:1px solid #708090;
border-right:1px solid #708090;
border-bottom:1px solid #708090;
border-left:1px solid #708090; 
font-size:10pt;
width:40px;
height:40px;
cursor:crosshair;
}
想要button中输出上下两个箭头
<input type = "button" value = "←&#10;←"/>
不知道为什么两个箭头对不齐

text-align:left

先让他们左对齐，然后再用padding-left去调位置