<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>우엉조림</title>
<style>
* {
margin: 0;
padding: 0;
}
body {
font-family: "맑은 고딕";
font-size: 16px;
line-height: 1.5;
}
.d1 {
margin: 50px 630px auto;
padding: 30px;
border: 1px solid #000;
}
h1 {
margin-bottom: 20px;
padding: 15px;
color: #fff;
background-color: #000;
}
.d2 {
margin: 20px 20px 20px 0;
padding: 20px;
border: 1px solid #ccc;
}
p {
color: #f00;
}
dt {
padding: 5px 10px;
color: #fff;
background-color: #999;
}
ul {
padding: 20px 35px;
}
ol {
padding: 20px 35px;
}
</style>
</head>
<body>
<div class="d1">
<h1>우엉조림</h1>
<p>김밥 재료로도 좋고 밑반찬으로도<br>
효과 만점 영양 만점인 우엉 조림을 만들어 보세요!</p>
<ul>
<li>분량 : 4인분</li>
<li>요리시간 : 30분</li>
<li>칼로리 : 670cal</li>
</ul>
<h2>재료</h2>
<div class="d2">
<dl>
<dt>주재료</dt>
<dd>우엉, 통깨 약간</dd>
<dt>부재료</dt>
<dd>간장, 설탕, 물엿, 맛술, 물</dd>
</dl>
</div>
<h2>조리법</h2>
<ol>
<li>우엉은 껍질을 벗기고 알맞은 길이로 채를 썬다.</li>
<li>우엉을 식초물에 담구어 잡내와 색이 변하지 않게 한다.</li>
<li>프라이팬에 식용유를 넣고 살짝 볶는다.</li>
<li>간장, 설탕, 맛술, 물, 물엿과 우엉을 넣고 서서히 약한 불에서 조린다.</li>
<li>통깨를 뿌린다.</li>
</ol>
</div>
</body>
</html>
Engineering is the closest thing to magic that exists in the world.