Facebook Like-Button Höhe anpassen sowie zentrieren?

[toppi]

Hallo,
wer kann mir mal weiterhelfen bezüglich der Anpassung der Höhe des Like-Buttons?
Die Höhe sowie auch die Zentrierung lässt sich leider nicht anpassen, siehe auch Foto im Anhang.

Hier auch mein Code:

Code: [Auswählen]

<!--[if !IE]><!-->
 <div><object data="//www.facebook.com/plugins/like.php?href=https://facebook.com/topgeschenkewelt&send=false&layout=button_count&width=250&
 show_faces=false&action=like&colorscheme=light&font=arial&height=20"></object>
 </div>
 <!--<![endif]-->
 <!--[if IE]>
 <iframe src="//www.facebook.com/plugins/like.php?href=https://facebook.com/topgeschenkewelt& send=false&layout=button_count&width=250&
 show_faces=false&action=like&colorscheme=light&font=arial&height=20" class="facebook_fans" allowtransparency="true" frameborder="0"></iframe>
 <![endif]-->
<br />

Hatte hier gehofft, dies in der css wie folgt zu lösen:

.facebook_fans {   
   width:212px;
   height:20px;
        text-align: center;
}

Leider funktioniert es aber nicht, scheint wohl von Facebook schon so im iframe vorgegeben zu sein.

Wie könnte ich dies einfach und valide lösen?

Gruß
toppi

Linkback: https://www.modified-shop.org/forum/index.php?topic=28359.0

[toppi]

Hallo,
ich habe es noch mit einem anderen Code getestet, da passt es dann mit der Höhe.

Der Code ist folgender, den ich in der box angegeben habe, da wo der Button erscheinen soll:

Code: [Auswählen]

<div class="fb-like" data-href=https://tinyurl.com/y4mye34p data-width=200 data-height=200 data-colorscheme="light" data-layout="standard" data-action="like" data-show-faces="true" data-send="false"></div>
Das Problem ist hier nur, dass dieser Code dann wegen den data-Attributen nicht valide ist.

Kann mir einer von Euch hier dann sagen, wie ich das dann lösen?

Danke im voraus.

Gruß
toppi

[EDIT Tomcraft 16.06.2019: Domain auf Wunsch des Benutzers anonymisiert.]

[toppi]

So habe durch ein anderes Forum nun die Lösung dafür erhalten und wollte es hier auch schreiben, falls jemand auch so ein Problem hat.

An der Stelle wo das iframe ist habe ich dies mit div-Containern umlegt.

Für Facebook:
<div class="facebook_div"><iframe.....</iframe></div>

Habe dies auch für Twitter dann so gemacht.
Für den Twitter-Code:
<div class="twitter_div>....</div>

In der CSS:

Code: [Auswählen]

.facebook_div {
width:212px;
height:20px;
margin-left:35px;
}
.twitter_div {
margin-left:35px;
}
Gruß
toppi