Html 将图像与输入框左侧对齐&；右边的文本
我已将图像对齐到输入框的左侧，但文字与图像重叠。我该怎么做？图像已经向左对齐了，很好，我只需要将输入文本对齐到图像的右侧，而不是重叠Html 将图像与输入框左侧对齐&；右边的文本,html,css,Html,Css,我已将图像对齐到输入框的左侧，但文字与图像重叠。我该怎么做？图像已经向左对齐了，很好，我只需要将输入文本对齐到图像的右侧，而不是重叠 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
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">
CSS
输入{
背景：url（../../core/images/search.png）不重复左中5px#FFF；
文本对齐：左对齐；
填充物：5px；
字体系列：“Raleway”，无衬线；
颜色：#444；
边框：3px实心#FFF；
大纲：无；
边界半径：3px；
利润：-4px20px；
位置：绝对位置；
宽度：270px；
}
HTML
图像的宽度为什么不使用填充？看看：
padding-left: 65px;
JSFiddle:
或文本缩进
：
text-indent: 65px;
jsIDLE:使用文本索引属性：
text-index:(pic\'s width+gap between pics and first letter)px;
或者您也可以使用padding left:10px以创建与pic的距离