<!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;
}
div {
margin: 50px auto;
width: 800px;
}
h1 {
padding: 15px 20px;
color: #fff;
background-color: #dd1701;
}
p {
margin-bottom: 15px;
padding: 15px 20px;
border: 1px solid #dd1701;
}
table {
width: 100%;
border-top: 5px solid #dd1701;
border-collapse: collapse;
}
th {
padding: 15px 25px;
background-color: #f8e2e4;
border: 1px solid #f2c4c5;
}
td {
padding: 15px 25px;
border: 1px solid #f2c4c5;
text-align: center;
}
</style>
</head>
<body>
<div>
<h1>Affogato All' Amarena</h1>
<p>달콤한 체리시럽과 블랙체리 토핑으로 마무리된 부드러운 이탈리안 젤라또</p>
<table>
<tr>
<th></th>
<th>열량</th>
<th>탄수화물</th>
<th>단백질</th>
<th>지방</th>
<th>콜레스테롤</th>
<th>나트륨</th>
</tr>
<tr>
<th>함량</th>
<td rowspan="2">180 Kcal</td>
<td>29g</td>
<td>2g</td>
<td>6g</td>
<td>4mg</td>
<td>46mg</td>
</tr>
<tr>
<th>비율</th>
<td>9%</td>
<td>3%</td>
<td>12%</td>
<td>2%</td>
<td>2%</td>
</tr>
</table>
</div>
</body>
</html>
Engineering is the closest thing to magic that exists in the world.