将输入文本图标右对齐

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;
}

并且不起作用。请帮帮我。使用引导程序和字体真棒

全部代码here

Answer 1

此代码将起作用。

 .span6 { position: relative; }

.icon-calendar { right: 5px; }