なるほどです。ありがとうございます。グーグルの検証で確認してサイドバーのカテゴリやその他は、pダグを使っていませんでした。だから崩れなかったんですね。

てっきり、ウィジットのテキスト画面を見て、aタグだったので、使ってないはずと思い込んでました。

ご案内いただいたリンクで勉強します。

いつもわかりやすい説明でありがとうございます。これからもよろしくお願いします。

https://saruwakakun.com/html-css/basic/margin-padding

あと、ｐタグはいろいろなところで使われていますので、

p {
  プロパティ: 値；
}

と書くと、pタグ全てに適用されてしまい、思わぬ箇所にも影響が及んでしまいます。

親要素のidまたはClass 半角スペース p {
  プロパティ: 値；
}

のように子孫セレクタを用いてCSSのコードが適用される範囲を限定しておくと良いような気がします。

こちらのトピックで、Akiraさんがご紹介くださっている・・

【初心者向け】WordPressやCSS初心者向けの記事を紹介するトピック

https://wp-cocoon.com/community/postid/31048/

以下のテーマ作者様のブログの記事が参考になるかと思います。

WordPressテーマのCSSカスタマイズ向けChromeデベロッパーツールの使い方

https://nelog.jp/how-to-use-developer-tools-for-wp-beginner

CocoonのカスタムCSSにご自身で以下のように書いているからだと思います。

p {
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  margin: 60px auto 40px;
}

CSS

p {
font-size: 16px;
font-weight: bold;
text-align: center;
margin: 60px auto 40px;
}
table {
margin: 20px auto;
}
.company th {
background: #dcdcdc;
border: solid 1px #ccc;
color: #fff;
padding: 10px;
}
.company td {
　border: solid 1px #ccc;
padding: 10px;
}

@media screen and (max-width: 640px) {
.last td:last-child {
border-bottom: solid 1px #ccc;
width: 100%;
}
.company {
width: 80%;
}
.company th,
.company td {
　　border-bottom: none;
display: block;
width: 100%;
}
}

HTML

<h2>会社概要</h2>
<table class="company">
<tbody>
<tr>
<th>社名</th>
<td>株式会社アーテクダイレクトマーティング</td>
</tr>
<tr>
<th>所在地</th>
<td>〒570-0043　大阪府守口市南寺方東通4-11-3</td>
</tr>
----省略------
<tr class="last">
<th>アクセス</th>
<td><iframe style="border: 0;" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3279.424345585951!2d135.5748787!3d34.71969670000001!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x6000e1b302dcf4ed%3A0xcda7ba9bc645c03!2z44CSNTcwLTAwNDMg5aSn6Ziq5bqc5a6I5Y-j5biC5Y2X5a-65pa55p2x6YCa77yU5LiB55uu77yR77yR4oiS77yT!5e0!3m2!1sja!2sjp!4v1625382336030!5m2!1sja!2sjp" width="600" height="450" allowfullscreen="allowfullscreen" data-mce-fragment="1"></iframe></td>
</tr>
</tbody>
</table>