Image en tekst centreren css

[Searche93]

Hallo mensen,

Ik heb net een mooi stukje css van internet gehaald en aangepast precies zoals ik het zelf wil.
De css is gemaakt voor knoppen op je website.

hier volgt de code

@font-face {
        font-family: 'socialfont';
        src: url('http://mediaashley.com/MyFont.ttf') format('truetype');
        font-weight: normal;
        font-style: normal;

}

body {
        background: #ddd;
        width: 100%;
        margin: 70px;
}

button {
    
        width: 200px;
        height: 200px;
        display: inline-block;
        font-family: Arial, "Helvetica", sans-serif;
        font-weight: bold;
        color: #fff;
        text-decoration: none;
        text-transform: uppercase;
        text-shadow: 1px 1px 0px #07526e;
        padding-top: 6px;
        margin-left: auto;
        margin-right :auto;
        position: relative;
        cursor: pointer;
        border: none;
        background: #109bce;
        border-radius: 5px;
        box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #07526e, 0px 10px 5px #999;
    }

button:active {
        top: 3px;
        box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #07526e, 0px 5px 3px #999;
}

button:before {
        font-family: 'socialfont';
        font-size: 24px;
        line-height: 1em;
        font-weight: normal;
        color: #fff;
        content:"\F020";
        width: 85px;
        height: 90px;
        display: block;
        position: absolute;
        padding-top: 10px;
        top: 10px;
        text-shadow: 1px 1px 2px #07526e;

}

button:active:before {
        top: 7px;
        font-size: 25px;
        text-shadow: 0px 3px 0px #07526e, 0px 5px 1px #07526e;
}

.twitter:before {
        content: url(images/settings.png) "Instellingen";
        
}
.in:before {
        content: url(images/rooster.png) "Rooster";
}
.vimeo:before{
        content:"\F024";
 
}

Ik kan de code wel redelijk begrijpen.
Wat ik alleen niet snap, is hoe ik de image en de tekst van bijvoorbeeld .twitter:content {} kan centreren.
Kan iemand mij hier aub mee helpen?
Alvast bedankt!

 

[Kvothe]

Heb je Google al eens geprobeerd?

 

[RVP]

Heb je Google al eens geprobeerd?

Dat kan je bij elke topic antwoorden, dat slaat nergens op, het is een forum om elkaar te helpen en niet om zulke domme antwoorden te geven!

Maar Searche93 probeer dit is:

IMG.displayed {
    display: block;
    margin-left: auto;
    margin-right: auto }

<IMG class="displayed" src="..." alt="...">

Bron: http://www.w3.org/Style/Examples/007/center

 

[Searche93]

Dank je wel RVP, jij snapt me haha