title: working with input-group clickable icon
body: <p>I am trying to get the textbox and icon in the same line, next to each other, like bootstrap input group, but I am not able to achieve it for some reason. The icon is clickable.</p>
  
  <pre><code>&lt;div class="input-group"&gt;
  &lt;asp:textbox id="txtParentCategoryCode" runat="server" cssclass="input-text normal" maxlength="20"&gt;&lt;/asp:textbox&gt;
  &lt;span class="middle-span"&gt;
      &lt;asp:linkbutton id="btn_Category" runat="server"&gt;&lt;i class="fa fa-folder-open" aria-hidden="true"&gt;&lt;/i&gt;&lt;/asp:linkbutton&gt;
      &lt;asp:linkbutton id="imgClearCal" runat="server" tooltip="Clear Category" style="vertical-align: middle; cursor: pointer;"&gt;&lt;i class="fa fa-times" aria-hidden="true"&gt;&lt;/i&gt;&lt;/asp:linkbutton&gt;
  &lt;/span&gt;    
  &lt;/div&gt;
  </code></pre>
  
  <p>Please help!</p>