title: Border not full height of css element
body: <p>I would like to know how to make the border of an element not span the full length of the element. I've seen some suggestions to use line-height though that doesn't seem to work for me (at least not with the <code>&lt;ul&gt;</code> tag which is what I'm using). </p>
  
  <p>A popular example of someone doing this would be the search at <a href="http://android.com" rel="noreferrer">http://android.com</a> which has this sort of effect though I can't find anything relating to it in the css.</p>
  
  <p>Ex:</p>
  
  <p><img src="https://i.stack.imgur.com/cTn5i.png" alt="http://i.stack.imgur.com/cTn5i.png"> </p>