title: Center and Vertically align input fields in bootstrap
body: <p>I have a set of input fields:</p>
  
  <pre><code>    &lt;p&gt;
          &lt;input type="image" src="images/text_to_speech.svg" alt="Speak This" width="48" height="48" id="say_button"&gt;&lt;/input&gt;
  
          &lt;input type="text" value="" class="input-lg" id="say_utterance" placeholder="Enter text to speak..."&gt;&lt;/input&gt;
  
          &lt;span id="say_remaining"&gt;&lt;/span&gt;
      &lt;/p&gt;
  </code></pre>
  
  <p>It's not aligned vertically. How to fix this?</p>
  
  <p><a href="https://i.stack.imgur.com/nh895.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/nh895.png" alt="enter image description here"></a></p>