<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>xxx</title>
<style>
table, th, td { font-weight: normal; }
table.center {
  margin-left: auto;
  margin-right: auto;
  background-color: #f3f2e4;
  border:1px solid grey;
}
th, td {
  padding: 3px;
  padding-left:15px;
  padding-right:15px;
}
th.key{ color:#444444; text-align:right; }
th.val{
  color:#316128;
  text-align:left;
  font-family:sans-serif;
}
th.keygrey{ color:grey; text-align:right; }
th.valgrey{ color:grey; text-align:left; }
pre { white-space: pre-wrap; }
em { color: #523626; }
a { color: #316128; }
h1 { font-size: 150% }
h2 { font-size: 132% }
h3 { font-size: 115% }
h4, h5, h6 { font-size: 100% }
h1, h2, h3, h4, h5, h6 { color: #263292; font-family:sans-serif; }

</style>
  </head>
  <body>
  <table class="center">
    <tr>
    <th class="key">title:</th>
    <th class="val"><b>xxx</b></th>
  </tr>
    <tr>
    <th class="key">subtitle:</th>
    <th class="val">yyy</th>
  </tr>
    <tr>
    <th class="keygrey">date:</th>
    <th class="valgrey"></th>
  </tr>
  
    <tr>
    <th class="keygrey">file_ext:</th>
    <th class="valgrey">mdtxt</th>
  </tr>
  
    <tr>
    <th class="keygrey">sort_tag:</th>
    <th class="valgrey">111-</th>
  </tr>
  
  </table>
  <div class="note-body"></div>
</body>
</html>
