    <!DOCTYPE html>
    <html>
    <head>
      <meta charset="UTF-8">
      <title>고정적 위치 지정하기</title>
      <style>
        img { border: 5px solid #8dc; }
        .fixed-img {
          position: fixed;
          left: 200px;
        }
      </style>
    </head>
    <body>
        <img src="../../font/font_x.png" class="fixed-img">
        <p><img src="../../font/font_p.png"></p>
        <p><img src="../../font/font_r.png"></p>
        <p><img src="../../font/font_o.png"></p>
        <p><img src="../../font/font_g.png"></p>
        <p><img src="../../font/font_r.png"></p>
        <p><img src="../../font/font_a.png"></p>
        <p><img src="../../font/font_m.png"></p>
    </body>
    </html>