ども、ブログに絶賛挫折中のモン(@rhino_wood)です!
ブログを書いていく中で、「見出しの前後の幅を調節したいな~」と思った事はありませんか?
見出しと本文の間が離れていたり、逆に近すぎたり。ブログを運営していけばそういった場面に遭遇するかもです。
そんな時の解決策を今回はシェアしようと思います!
この記事で分かる事
見出し前後の幅の調整方法
それでは、いってみよ!
目次
見出し前後の幅を調整する方法
見出し前の文字との距離調節
margin-top:0px;
見出し後の文字との距離調節
margin-bottom:0px;
「0px」の数値を変えると幅を狭くしたり、広くできます。
![](https://mon--blog.com/wp-content/uploads/2021/04/cropped-4495bed8051fcc9fd4ac4bababda36e3-e1617679593907-150x150.png)
無事出来た方、お疲れ様です!
まとめ
滅茶苦茶あっさですが、以上で終わりです(笑)
恐らくモンブログ史上最短文字で終わりました。
もしお時間あったら他の記事も見てくださると飛び跳ねて喜びます!(^^)!
あわせて読みたい
![](data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==)
![](https://mon--blog.com/wp-content/uploads/2022/01/9686b56974ef322c2ea0a630e9063f63-300x169.png)
![](https://mon--blog.com/wp-content/uploads/2022/01/9686b56974ef322c2ea0a630e9063f63-300x169.png)
![](https://mon--blog.com/wp-content/uploads/2022/01/9686b56974ef322c2ea0a630e9063f63-300x169.png)
【Cocoon】ホバー時に記事を浮かせるカスタマイズ
【完成イメージ】 左上の記事が少し浮き上がってると思います。 ※見づらくてすみません...! こんな感じのシンプルな浮き上がりの実装方法を解説していきますね 【ホ…
ではまた、モンでした!
ばいばい!
これも読んでね
あわせて読みたい
![](data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==)
![](https://mon--blog.com/wp-content/uploads/2021/08/bda66aa7d0ca71f91ba3f312776ac1fe-300x169.png)
![](https://mon--blog.com/wp-content/uploads/2021/08/bda66aa7d0ca71f91ba3f312776ac1fe-300x169.png)
![](https://mon--blog.com/wp-content/uploads/2021/08/bda66aa7d0ca71f91ba3f312776ac1fe-300x169.png)
ずっと0のドメインパワーを3.5に上げた方法「ヒントは待つ事」
ブログを運営する中で、最も悩むであろうドメインパワー。 当ブログ(モンブログ)は才能なんて皆無の雑記ブログなので、ドメインパワーには通常の方の倍くらい苦労してい…
あわせて読みたい
![](data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==)
![](https://mon--blog.com/wp-content/uploads/2021/02/pexels-designecologist-1779487-300x198.jpg)
![](https://mon--blog.com/wp-content/uploads/2021/02/pexels-designecologist-1779487-300x198.jpg)
![](https://mon--blog.com/wp-content/uploads/2021/02/pexels-designecologist-1779487-300x198.jpg)
ブログテーマは無料で十分??有料テーマとの比較とメリット
質問 [faq] [faq_item question=”ブログを始めたいけど、テーマは無料でいいの?” answer=”テーマの有料と無料の違いってあるの?”][/faq_item] [/faq_item] [/faq] ブ…
コメント