<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>서시</title>
<style type="text/css">
* {
margin: 0;
padding: 0;
}
body {
font-family: "맑은 고딕";
background: url("./images/bg.jpg") no-repeat center 0;
}
div {
width: 500px;
border: 5px solid #CCC;
padding: 30px;
margin: 50px auto;
background: url("./images/yoon.jpg") no-repeat right 130px;
}
h1 {
background-color: #36C;
color: #FFF;
padding: 5px 20px;
margin-bottom: 20px;
}
.last {
font-weight: bold;
color: #36F;
}
.poem {
text-align: right;
font-weight: bold;
}
p {
margin-bottom: 20px;
}
</style>
</head>
<body>
<div>
<h1>서시(序詩)</h1>
<p class="poem">윤동주</p>
<p> 죽는 날까지 하늘을 우러러<br>
한 점 부끄럼이 없기를,<br>
잎새에 이는 바람에도<br>
나는 괴로워했다. </p>
<p> 별을 노래하는 마음으로<br>
모든 죽어 가는 것을 사랑해야지.<br>
그리고 나한테 주어진 길을<br>
걸어가야겠다. </p>
<p class="last">오늘 밤에도 별이 바람에 스치운다.</p>
<p class="poem">하늘과 바람과 별과 시(1948)</p>
</div>
</body>
</html>
Engineering is the closest thing to magic that exists in the world.