title: Align an icon vertically in jqGrid pager
body: <p>I have place a 24x24 png into the left pager of the jqgrid using the jquery code below. Also I'm applying vertical-align middle.</p>
  
  <pre><code>  $("#pager_left").append (
      '&lt;td&gt;&lt;div&gt;&lt;img alt="" id="imgprint" src="images/word24x24.png"/&gt;&lt;/div&gt;&lt;/td&gt;');
    $("#imgprint").css('vertical-align', 'middle');
  </code></pre>
  
  <p>The resulting html code captured from chrome developer tools is</p>
  
  <p><img src="https://i.stack.imgur.com/hcSl2.jpg" alt="enter image description here"></p>
  
  <p>The computed pager_left size is 214x28 + 1px padding above and below.
  The resulting pager_left is shown below where the icon is aligned at bottom and not in the middle. What am I doing wrong?</p>
  
  <p><img src="https://i.stack.imgur.com/QK2Zz.jpg" alt="enter image description here"></p>