h1{
  counter-reset: note;
}

.note::before{
  content: "#" counter(note) " ";
  counter-increment: note;
}

.note {
  background: lightgray;
/*  font-size: smaller;*/
}

.date{
  text-align: right;
}