数学、無料のオンライン学習塾

主に数学と数学に関するプログラミングを扱っています。小学生~大学入試までの算数と数学の問題と詳しい解説をしていきます。

はてなブログのpタグ内の行間を狭くする方法 HTMLタグ、CSS復習⑥

はてなブログをやってたら

改行する度に勝手にpタグがどんどん量産されて

pタグとpタグの間が広くなって見にくくないですか?

 

そこで今回はpタグのpタグの間の行間を狭くしてみます。

pタグ同士の行間を狭くする方法

pタグの行間が広くなる理由は、行間として1emの余白がデフォルトとして設定されているからなんです。

これをスタイルシートを使って変えてやることで行間を狭めることができるんです。

スタイルシートには次のように記述します。

.entry-content p { margin:0}

すると全ての記事でpタグ同士の行間が狭くなります。

 

♯HTMLタグ

CSS

スタイルシート