Centering text within a button

Question

I\'m learning Front end development and I\'m trying to code my first site using bootstrap. I got stuck on a pretty simple thing I guess. How do I center a text within a button

Answer 1

See this fiddle

Use

display: table-cell;
vertical-align: middle;

in your CSS for .btn-work.

So, the complete CSS would be like

.btn-work {
    width: 250px;
    height: 50px;
    margin: 0 auto;
    padding: 0;
    display: table-cell;
    vertical-align: middle;
}

And, the output of the above one be like