将输入文本图标对齐到右侧

Question

我正在尝试在字段输入的末尾添加一个图标，无论INPUT的宽度如何，图标始终保持在右侧，与边缘的偏移量较小。我试过这个：

<div class='span6'>
    <i class="icon-calendar icon-large"></i>
     <input type="text" class="datepicker span12 dats" id="dpd2" placeholder="Choose Depart Date">
</div>

.icon-calendar {      
    display: inline-block;
    position:absolute;
    z-index:3;
    line-height: 42px;
    text-indent: 106px;
}

并不起作用。请帮帮我。使用bootstrap和字体很棒

所有代码here

Answer 1

此代码可以使用。

 .span6 { position: relative; }

.icon-calendar { right: 5px; }