how to fix text and icons on a button in same horizontal line?

Question

I'm using an icon and text on button but the text goes some downside wrt icon. vertical-align in style is also not working for the text.how can i fix it?

Answer 1

Use this css:
display : flex;
flex-flow: column;
align-content: center;

Answer 2

but this time it makes text a little bit up to the icon . can i get more perfect result?