Gliederung teilen Schaltflächen auf der Webseite [Facebook, Twitter, Pinterest und Google +]

Question

Ich arbeite an einer Blog-Seite Vorlage in Shopify und mit einer wirklich harten Zeit zu versuchen, herauszufinden, warum die Facebook-Freigabe-Schaltfläche wird nicht ausgerichtet vertikal mit den anderen Teilen Tasten? Es scheint, die Facebook-Taste ist 5px niedriger als die anderen.

Die Schaltfläche Code Facebook Aktie:

<div style='margin-top: -5px;' 
class="fb-share-button" 
data-href="MY URL" 
data-layout="button_count" 
data-mobile-iframe="true"></div> 

Wie Sie sehen, habe ich versucht, einen Inline-Stil Anwendung der Tasten in einer Reihe aufstellen, jedoch macht es keinen Effekt haben. Ich bin mir sicher, dass andere Leute auf dieses Problem gestoßen sind. Irgendwelche Ideen?

Prost, DB.

Answer 1

Fügen Sie vertical-align: top; zu Ihrem div hinzu.

<div style='vertical-align: top;' 
class="fb-share-button" 
data-href="MY URL" 
data-layout="button_count" 
data-mobile-iframe="true"></div> 

Sie können mehr über vertical-align here lesen.