/* Hide default list bullets */
ul {
  list-style: none;
  padding-left: 0;
}

/* If the item is checked, show a checked box */
li p:contains("[x]")::before,
li:contains("[x]")::before {
  content: "[x]";
  color: green;
}


/* Style [ ] and [x] as checkboxes */
li {
  position: relative;
  padding-left: 25px;
  margin-bottom: 8px;
  font-family: sans-serif;
}

/* Optionally hide the original [ ]/[x] text */
li p:contains("[ ]"),
li p:contains("[x]"),
li:contains("[ ]"),
li:contains("[x]") {
  display: inline-block;
  margin-left: 0;
  visibility: hidden;
}

/* Add a fake checkbox before each li */
li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
}