お疲れ様です。
今週はずっと自己紹介ページの編集をしておりますが、「なんでここの空白は埋められないんだろう…」という壁にぶち当たり、様々な要素にmarginやpaddingを書き足したりしておりましたが変化なし…
こういう時はGPT先生だろうと思い、質問してみましたが解決できず…
「どうしようかなー」と思い、ネットで検索したりしていたところ、F12キーで開けるコンソールのことを思い出し、何となく開いて、デベロッパーツールなるものにたどり着きました。
デベロッパーツールを開き、「要素」を選択、自分がこれまで書いたHTMLのコードが、ページ上のどこにあたっているかを見ていきましたら…
あ り ま し た
画像にある「職歴」というh2タグと、その下にtableタグで囲った経歴の間に謎の空白があって悩んでいましたが、どうやらこのpタグが原因のようです。
このpは、td（テーブルデータ）タグの中に書いてあったものです。
「pタグを書かないと改行されない」と思っていたからでしょうね…
この記事を書きながら、改めでtdタグ内のpタグの有無について調べると、2007年の「教えて！goo」の質問で答えが出ておりました！！
そもそもtableタグは表なので、段落（pタグ）は必要ない
おっしゃる通り！！うわー！！もっとtdタグについて調べればよかったなー！！！
経歴が映り込んでしまうので、マーカーで塗りつぶしておりますが、pタグをすべて消し、tableタグに margin:40px を指定し、ほどよい間隔をあけることができました…
1つ1つ調べながらでないと、自分の思う「こうしたい！」が実現できない状況にありますが、その都度発見だったり勉強になることがあるので、ちゃんと調べて解決するのはとても大事だと痛感しました