Toggle input checkboxes

by Génesis García Morilla

HTML

<ul>
  <li><label><input type="checkbox">Freedom</label></li>
  <li><label><input type="checkbox">Equality</label></li>
  <li><label><input type="checkbox">Fraternity</label></li>
</ul>

CSS

ul {
  list-style-type: none;
  display: flex;
}

li {
  font-family: roboto;
  color: darkslategray;
  background-color: antiquewhite;
  margin: 5px;
  padding: 5px;
  user-select: none;
}

input, label {
  cursor: pointer;
}