JSFiddle - React, Tailwind, and code Playground

HTML

<!doctype html>
<meta charset="utf-8"/>

<div id="paper">
  <div id="date">2014-12-8</div>
  <div id="my-name">张全蛋</div>
</div>

CSS

html, body { padding: 0; margin: 0;}

#paper {
  border: 1px solid #ccc;
  height: 794px;
  margin: 30px auto;
  width: 562px;  /*A5 纸大概就这么大*/
  position: relative;
}

@media print {
  #paper {
    margin: 0;
    border: none;
  }
}

#paper > * {
  position: absolute;
}

#date {
  top: 50px;
  left: 30px;
}

#my-name {
  top: 300px;
  left: 300px;
}