title: Give Button and Text on the same line and text to be center of button
body: <pre><code>&lt;input type="button" class="click" id="click" value="Click" style="width: 45px; margin-top: 1.5%; height: 20px; text-align: center; color: white; background: #23b7e5; font-size: 13px; border-color: #23b7e5; border-radius:2px; padding: 0px; "&gt; 
  
      &lt;label class="control-label" style="border: thin red solid; margin-top: 10px;"&gt;Here to find location&lt;/label&gt;
  </code></pre>
  
  <p>I want button and text box in the same line which i got but i am not getting text to be center of button. I get this output. I want "Here to find location" to be center of button.</p>
  
  <p>Thank You.
  Any help would be grateful.</p>
  
  <p><a href="https://i.stack.imgur.com/Zot2U.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Zot2U.png" alt=""></a></p>