Css button text issue

Question

I have a CSS button for my site which used to be full with the text in the very middle of it, but now the text is at the bottom and the button is smaller. Other people have had access to my root folder to make amendments and i dont know what they've done.

.button
{
    display: inline;
    margin-top: 2em;
    padding: 1em 2em 1em 2em;
    background: #8dc63f;
    letter-spacing: 0.20em;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 0.90em;
    color: #FFF;
}

.button:before
{
}

Answer 1

try: display: inline-block

That should sort it.