html - 水平口袋按钮

Question

有没有人能让 Pocket 按钮水平工作。

我正在使用此处描述的文档
https://getpocket.com/publisher/button

问题是这个按钮总是排在自己的行中，并且与其他按钮排成一行。看这里: http://www.madhur.co.in/blog/2014/05/07/portablejekyllupdated.html

有什么方法可以将它与其他按钮水平排列。

Answer 1

添加

CSS

.pocket-btn {
  display: inline-block
}

到HTML

<a data-pocket-label="pocket" data-pocket-count="horizontal" class="pocket-btn" data-lang="en"></a>
<span>asdf</span>

<script type="text/javascript">!function(d,i){if(!d.getElementById(i)){var j=d.createElement("script");j.id=i;j.src="https://widgets.getpocket.com/v1/j/btn.js?v=1";var w=d.getElementById(i);d.body.appendChild(j);}}(document,"pocket-btn-js");</script>

结果

SEE CODEPEN