不能在一行中强制使用两个html对象

Question

以下是我的尝试：

<li>
    <label>Some label</label>
    <i class="fa fa-crosshairs fa-2x" style="float: left; color: #009530; margin: 3px 5px 0 0"></i><input type="text" size="16" placeholder="Some placeholder">
    <span class="tooltipPG zipcode"><img src="common/css/img/tooltip.png">Some tooltip</span>
</li>

我需要字体awsome图标位于文本框右侧，需要占用剩余空间的100％。

以下是它使用的文本字段的CSS：

.map-heading .search-criteria > ul.normal-fields > li:nth-child(1) input {
    width:  100%;
    float: left;
}

请告知。