<html>
  <head></head>
  <body>
    <ul>
      <li>data</li>
      <li>7 of nine</li>
      <li class='clickable'>deanna troi</li>
      <li>geordi laforge</li>
      <li><p class='clickable'>John Crichton</p></li>
      <li class='super-hero'>Tony Stark</li>
    </ul>

    <ul class="click-list">
      <li></li>
      <li></li>
      <li></li>
    </ul>

    <div class="nested">
      <h1> i am a headline </h1>
      <div>
        <span><p>orc</p></span>
        <span><p>human</p></span>
        <span><p>p