Give Button and Text on the same line and text to be center of button
<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>