像Facebook共享按钮完全居中对齐？

Question

我正在尝试水平对齐Facebook按钮。以下是我尝试过的内容：

//container with iframe or "fb-like" div
.container {
    text-align: center;
}

.fb-like {
    margin: 0 auto;
    text-align: center;
}

• 忽略元素的宽度（看起来默认为300px）

这是我的问题：如果我将宽度设置得太宽，当按钮文字显示＆＃34时，它将不会对齐中心;你喜欢这个＆＃34;。如果两个按钮和文本的总宽度为200像素，但宽度设置为300，则将关闭100像素（技术上50对齐中心）。

如果我只是将宽度设置为200像素，那么当您喜欢该页面时，它看起来会很好，但如果您不喜欢该页面，它会将这些文字包裹起来。

示例：https://jsfiddle.net/mo86wer2/

它看起来会对齐，但前提是你不喜欢这个页面。怎么能实现这一目标？我无法操纵iframe的内容，因为它是一个iframe。