title: How do I make a button full height of the parent container and right-aligned?
body: <p>I am using <code>Bootstrap</code> and I want add a button at right of a bar that looks like <code>&lt;input-group-addon&gt;</code>. To be specific, full height and locates at right most.</p>
  
  <p>I've tried <code>height: 100%</code> but the button styles super high.</p>
  
  <p>this is part of my code: <a href="https://plnkr.co/edit/lK8vt0wT1xDesuOZW8vU?p=preview" rel="noreferrer">https://plnkr.co/edit/lK8vt0wT1xDesuOZW8vU?p=preview</a></p>
  
  <p>this is what I m looking for <a href="https://i.stack.imgur.com/TjhI7.png" rel="noreferrer"><img src="https://i.stack.imgur.com/TjhI7.png" alt="enter image description here"></a></p>