This is occurring on two sites I manage:
As you can see in the posts, there is an extra white space after the second social sharing button. I've tried re-arranging them and here's what the results are:
Order: FB / G / T
Result: Extra space between G and T
Order: FB / T / G
Result: Extra space between T and G (same as above except T/G switched places)
Order: FB placed in 2nd or 3rd position
Result: FB moves down one line, no longer having all three in a row
Here's the code I'm using for those three
You may ask why the
style="bottom:3px;" in the FB code. Without it, the FB button has three extra spaces above it, making it not aligned horizontally with the other two (see jrothraministries.com for that, since I didn't use that styling on that page for comparison purposes).
I suspect it has to do with the two
<div> . . . </div> FB's code uses. I got these codes from FB, T, and G. I'm not a coding pro, and so I'm baffled. What do I do? I want to maintain the flexibility of allowing FB to move over a bit as people share and the count goes from zero to anything else, and a div around all three set to a specific width would hamper that, right?