Is there a more efficient way to position a globe glyph directly to the right of a textbox in multiple places throughout my code, almost touching it? One possible solution is as follows:
<div class="col-md-3">
<input class="form-control" id="CustomTaskTitle" name="CustomTaskTitle" type="text" />
</div>
<div class="col-md-1">
<span class="glyphicon glyphicon-globe pull-left"></span>
</div>
However, this method wastes an entire column. Are there any alternative solutions?
**To see the row layout clearly, you will need to expand the jFiddle output window to maximum size.
Here is my JFiddle - http://jsfiddle.net/5Rhzh/
If you look closely, you'll notice that the glyph automatically moves beneath the textbox due to lack of space in the column.