테이블

by 

<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="chrome">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>절대적 위치와 상대적 위치</title>
<style>
    #name0 { position : absolute; left:40px; top: 60px; }
    #name1 { position : absolute; left:200px; top: 132px; }
    #name2 { position : absolute; left:120px; top: -60px; }
</style>
</head>
<body>
    <div id="name0"><p>--생활관--</p></div>
    <div id="name1"><p>--평봉필드--</p></div>
    <p><img src="https://www.handong.edu/site/handong/res/img/sub_410-02.png" width="450"
        height="358" alt="한동대 캠퍼스 맵" broder="3"></p>
    <div id="name2"><p>--학교 입구--</p><br>
    </div>

</body>
</html>
'추천 관련글,