こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

解決済みの質問

HTMLで行間が空く問題の解決方法をおしえてくだい

Wordpressの投稿欄を使ってHTMLを作成しています。
下記記載していますが、添付したイメージファイルのように行間が2か所空いてしまいます。
※「テストです」行の上下の空行の所です。
---------
2018.4.8テスト公開1
2018.4.8テスト公開2
<p style="background-color:#414141"><font color="white">テストです</font></p>
<small>日時:2018/04/06</small>
---------
この2か所の行間を空けないようにしたいです。
ただ、フォントの色指定や大きさの指定はしたいです。
もし、ご提案頂けるのであれば、
<p style="background-color:#414141"><font color="white">テストです</font></p>
を具体的にどのように変えればよいか教えて頂ければ非常に助かります。
恐れ入りますがなにとぞよろしくお願いいたします。

投稿日時 - 2018-04-11 08:00:56

QNo.9487296

困ってます

質問者が選んだベストアンサー

<p> タグは上下にmarginが設定されているので行間が空きます。

<div> タグにすればmarginが無いので行間は空きません。
もしくは<p>タグのスタイルでmarginを無くせば行間は空きません。

投稿日時 - 2018-04-11 08:29:14

お礼

ご連絡ありがとうございます。
恐れ入ります、divタグを使う場合には下記のHTMLをどのように記載すればいいでしょうか?
<p style="background-color:#414141"><font color="white">テストです</font></p>

前回も同様の質問をさせて頂いて、Divを使用したらというアドバイスを頂いたのですが、上手くいかず再度質問させて頂いた次第です。

投稿日時 - 2018-04-11 08:57:07

ANo.1

このQ&Aは役に立ちましたか?

0人が「このQ&Aが役に立った」と投票しています

回答(1)