<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>서시</title>
<style>
/* CSS 내부 정의 방식 */
* {
margin: 0;
padding: 0;
}
h1 {
color: #000;
background-color: lime;
font-family: HYPost;
height: 100px;
border-width: 5px;
border-color: #f00;
border-style: solid;
border-top: 5px;
}
body {
background-color: grey;
}
p {
/* color: #00f; */
/* color: rgb(0, 0, 255); */
color: lightyellow;
font-family: "휴먼매직체";
/* line-height: 0px; */
/* line-height: 50px; */
background-color: black;
width: 500px;
/* padding: 10px 50px 100px; */ /* Top, Right/Left, Bottom */
padding : 10px 50px 100px 200px; /* Top, Right, Left, Bottom 시계 방향 */
margin: 100px;
border : 1px solid #00F;
}
strong {
color: yellow;
font-family: "휴먼편지체";
font-size: 25px;
background-color: blue;
}
em {
color: #0f0;
font-size: 25px;
}
</style>
</head>
<body>
<!-- CSS 인라인 정의 방식 -->
<h1>서시(序詩)</h1>
<p>
죽는 날까지 하늘을 우러러<br>
한 점 부끄럼이 없기를,<br>
잎새에 이는 바람에도<br>
나는 괴로워했다.
</p>
<p>
별을 노래하는 마음으로<br>
모든 죽어 가는 것을 사랑해야지.<br>
그리고 나한테 주어진 길을<br>
걸어가야겠다.
</p>
<p>오늘 밤에도 별이 바람에 스치운다.</p>
<p><strong>하늘과 바람과 별과 시(1948)</strong> - <em>윤동주</em></p>
</body>
</html>
Engineering is the closest thing to magic that exists in the world.