html - 水平口袋按钮

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

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

问题在于此按钮始终位于自己的行中并与其他行对齐。看这里：
http://www.madhur.co.in/blog/2014/05/07/portablejekyllupdated.html

有没有一种方法可以将其与其他按钮一起水平排列。

最佳答案

加

的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

关于html - 水平口袋按钮，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/23508854/