title: Use checkbox for list-style-type in unordered list in HTML
body: <p>I am trying to make a bulleted list on a webpage and I need my bullets to function like checkboxes which the user can select. I want to, then, use them to execute some function based on the list elements that the user has selected. Also, each of those <code>&lt;li&gt;</code> further contains a <code>description list</code>.</p>
  
  <p><code>list-style-type</code> does not have such an option. I tried to append an input tag to the <code>&lt;li&gt;</code> such:<br>
  <code>
  &lt;input type= "checkbox"&gt;
  </code>
  But this <a href="https://codepen.io/anon/pen/bKVBmB" rel="noreferrer">looks too ugly</a> as the checkbox is not present on a different line that the rest of the html inside <code>&lt;li&gt;</code>.</p>