Html Pinterest Pin It按钮与相邻内容重叠

我有一个Pinterest按钮，在按钮旁边显示计数。问题是计数显示为

位置：绝对因此它与它旁边的按钮重叠，如下所示：


是否有一个优雅的解决方案，使它不重叠，而不增加按钮之间的空间？下面是我用来显示按钮的代码（来自Pinterest小部件生成器）：

这可能会解决您的问题

HTML

<div class="pinit"><a data-pin-config="beside" href="http://pinterest.com/pin/create/button/?url=;media=" data-pin-do="buttonPin"></a>  </div>

我的解决办法是把Pinterest按钮放在最后。我也有同样的问题。您找到解决方案了吗？我向Pinterest的支持人员询问了这一点，他们回答：“目前我们还没有一个正式的方法来解决这个问题。我能想到的唯一解决办法是在按钮周围添加额外的填充物来补偿计数器。我已经让工程团队中的其他人知道了这个问题，以便我们能够永久解决这个问题。“我一直在寻找一种解决方案，如果Pinterest在未经通知的情况下更改其API，我不必选择绝对大小。是的，我同意，但这只是一种快速修复，直到我们没有任何真正的解决方案为止。我用这个很好，所以我想和大家分享一下。是的，我现在的方法几乎是一样的。谢谢你的意见。
<div class="pinit"><a data-pin-config="beside" href="http://pinterest.com/pin/create/button/?url=;media=" data-pin-do="buttonPin"></a>  </div>

.pinit a{ 
    background-repeat:no-repeat;
    width:auto!important;
    min-width:40px!important;
}
.pinit span{
    position:relative!important;
    display:block;
    margin-left:42px!important;
    left:0!important
}