aaaaaaaaaaaaaaaaaaaaaaa

Question

解決しました

Comments

[K_3578]

意図的に質問内容を抹消するのは禁止されています。
それに抹消したところで質問履歴を見れば誰でもわかります。

Answer 1

    <div id="clock-container">
      <img src="画像の場所">
      <p>17:08:46</p>
    </div>

#clock-container {
    width:700px;
    height:700px;
    margin: auto;
    position: relative;
}

#clock-container img {
    width:700px;
    height:700px;
    object-fit:cover;
}

#clock-container p {
    position: absolute;
    top: 250px;
    left: 240px;
    font-size: 60px;
    font-family: 'Georgia';
    color: #4682b4;
}

解説
700x700の#clock-containerブロックを作ってimgとpを収容します。
imgは700x700なので#clock-containerにぴったりフィットします。（なので特に配置の指定も不要）
pは(topとleftで)#clock-container内の決まった位置に配置します。(position: absolute)
こうすればimgとpの位置がずれることはなくなるわけです。

Comments

[退会済みユーザー]

できました！わかりやすい説明もありがとうございます！

Answer 2

#clockの中に入れればいいんじゃないかと思いました。

<!-- 移動    <p align="center"><img src = "画像の場所"></p> -->

    <div id="clock">
        <p align="center"><img src = "画像の場所"></p>
        <p id="myClock">17:08:46</p>
    </div>