Pocket公式ボタンを改行しないで表示する方法

どうも。葉です。

この記事では、Pocketの公式ボタンが改行表示されてしまう問題を解決します。

1.この記事で解決できること

具体的に画像を使ってどのようにPocketの改行ボタンの表示が改善されるのかを確認しましょう。

変更前

公式のPocketボタンが改行表示されている

変更後

公式のPocketボタンが改行せずに表示されている

2.改行表示を改善する具体的な手順

では、実際にどのようにしてPocketの公式ボタンを改行せずに表示するのかを解説していきます。

といっても、やることは1つだけです。次のコードをCSSファイルに書き込んでください。

/*--------------------------------------------------------
pocket公式ボタンの改行表示調整
--------------------------------------------------------*/
.pocket-btn{
  display:inline-block;
}

これで、Pocket公式ボタンが改行されずに表示されるようになったはずです。

 

この記事が気に入ったら
いいね!しよう

最新情報をお届けします