Vertical text alignment in buttons and inputs
![](https://codyhouse.co/web/assets/img/posts/vertical-text-alignment-buttons-input.png)
How to center text vertically in buttons and input elements using the padding and line-height CSS properties.
![](https://coder-coder.com/wp-content/uploads/2020/03/center-button-margin-auto.png)
How to center a button with HTML & CSS - Coder Coder
![](https://qph.cf2.quoracdn.net/main-thumb-1932862876-200-aqltixoeeolgdcglgfezmvrxxhgsfqth.jpeg)
How to align text inside a button - Quora
![](https://www.freecodecamp.org/news/content/images/2021/08/textInput.png)
HTML Form – Input Type and Submit Button Example
![](https://getbootstrap.com/docs/5.0/assets/brand/bootstrap-social.png)
Vertical alignment · Bootstrap v5.0
![](https://i.stack.imgur.com/8tA6b.png)
css - Fix align-items center input/button mismatch - Stack Overflow
![](https://res.cloudinary.com/thewizardnews/image/upload/v1490027047/default_element_alignment_hhcveh.png)
How to Align Flow Radio & Checkboxes Horizontally - The Wizard News
How to align text inside a button - Quora
Solved: HubSpot Community - how to center align buttons - HubSpot Community
![](https://i.stack.imgur.com/9DsxL.png)
forms - Change Password Button Alignment - Left / Aligned to input
![](https://miro.medium.com/v2/resize:fit:2000/1*JxHL9L6V08eS7x4M1l78uQ.jpeg)
Text fields & Forms design — UI components series
![](https://polaris.shopify.com/images/components/actions/button.png)
Button — Shopify Polaris
![](https://miro.medium.com/v2/resize:fit:1400/1*sP7CfKrV8kD9pNr1PLPybA.png)
Text Styles Mastery with Sketch 52+, by Buninux
Solved: Text on button won't move - Power Platform Community
![](https://mdbcdn.b-cdn.net/wp-content/themes/mdbootstrap4/content-gh/en/_mdb5/standard/web/docs/layout/vertical-alignment/vertical-alignment.jpg)
Bootstrap Vertical alignment - examples & tutorial
![](https://media.geeksforgeeks.org/wp-content/uploads/20190826162759/float-right-example.png)
How to align button to right side of text box in Bootstrap