將圖像與輸入框和文本向左對齊

Question

我已將圖像與輸入框左側對齊，但書寫與圖像重疊。我如何解決這個問題？該圖像已被左對齊就好了，我只需要輸入文本進行重疊

CSS 
input { 
background: url(../../core/images/search.png) no-repeat center left 5px #FFF; 
text-align: left; 
padding: 5px; 
font-family: 'Raleway', sans-serif; 
color: #444; 
border: 3px solid #FFF; 
outline: none; 
border-radius: 3px; 
margin: -4px 20px; 
position: absolute; 
width: 270px; 
} 

HTML 
<input type="text" autocomplete="off" name="name"> 

Answer 1

的現在，而不是對準圖像右側根據image

Answer 2

width給padding-left到input爲什麼不使用padding？看一看：

padding-left: 65px; 

的jsfiddle：​​

或者text-indent：

text-indent: 65px; 

的jsfiddle：http://jsfiddle.net/8JLXj/10/

Answer 3

使用文本索引屬性：

text-index:(pic\'s width+gap between pics and first letter)px; 

或者您也可以使用padding-left:10px;創建距離圖片的距離。