html cssで初期状態の一番上の余白を消す方法

webページの一番上にある初期状態？の余白が消したいと思っています。

以下のようなhtml、cssを作成すると

***************html**********************
<!DOCTYPE html>
<html lang="ja">
  <head>
    <meta charset="utf-8">
    <title></title>
    <meta name="description" content="">
    <link rel="stylesheet" href="a.css">
  </head>

<body>
<p>aaaaaaa</p>
</body>
</html>
*****************************************

*************css*************************
@charset "UTF-8";
body{margin: 0;}
*****************************************

上の画像のように、余白が消せません。
これはもう上の余白を消すことは不可能なのでしょうか？
ご教授よろしくお願いいたします。

kei344

2020/05/06 15:36

（質問文は編集できます）質問文のHTML/CSSはそれぞれコードブロックで囲んでいただけませんか？ ```（バッククオート3つ）で囲み、前後に改行をいれるか、コードを選択して「<code>」ボタンを押すとコードブロックになります。

water90

2020/05/06 15:44

編集しました。ご指摘ありがとうございました。

行動規範の内容に同意します

回答1件

ベストアンサー

p要素のmarginです。

CSS
1p{margin: 0;}
2/* p{line-height: 1;}*//* ←フォントの高さ分上に空白が出るのも削除したければ使う */
3```**動くサンプル：**[https://jsfiddle.net/y4rp95q6/](https://jsfiddle.net/y4rp95q6/)
4
5---
6
7【初心者向け！Chromeの検証機能（デベロッパーツール）の使い方】
8[https://saruwakakun.com/html-css/basic/chrome-dev-tool](https://saruwakakun.com/html-css/basic/chrome-dev-tool)
9
10【ChromeデベロッパーツールでCSSをチェックする方法 | なんでものびるWEB】
11[https://nandemo-nobiru.com/2944/](https://nandemo-nobiru.com/2944/)