title: How to make the bullets in my unordered list not underlined
body: <p>So I am just learning CSS in my Web Programming 1 class, and the exercise is teaching us about class selectors, so our teacher wants us to make a page which has an unordered listed with only some of the listed items to be underlined. However, when I do this, my bullets in the lists get underlined aswell, where as in the page he wants us to make, they are not.</p>
  
  <p>I've included my code below </p>
  
  <pre><code>&lt;!doctype html&gt;
  &lt;html&gt;
      &lt;head&gt;
          &lt;meta charset="utf-8"&gt;
          &lt;title&gt;Untitled Document&lt;/title&gt;
          &lt;style&gt;
              .underline { text-decoration: underline}
          &lt;/style&gt;
      &lt;/head&gt;
      &lt;body&gt;
          &lt;h1&gt; Solids &lt;/h1&gt;
          &lt;ul&gt;
              &lt;li class= "underline"&gt; Tetrahedron &lt;/li&gt;
              &lt;li&gt; Pentahedron &lt;/li&gt;
              &lt;li class = "underline"&gt; Cube &lt;/li&gt;
              &lt;li&gt; Heptahedron &lt;/li&gt;
              &lt;li class= "underline"&gt; Octahedron &lt;/li&gt;
              &lt;li class = "underline"&gt; Dodecahedron &lt;/li&gt;
              &lt;li class = "underline"&gt; Icosahedron &lt;/li&gt;
          &lt;/ul&gt;
          &lt;p&gt; What's special about the underlined items.
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>