title: How to get Bullet Points to show in HTML Tabs
body: <p>very new to web design and I'm trying to fool around and create a little website about myself. I've succeeded in creating tabs for different subjects, but when I try to create an unordered list within a tab, I see only the text displayed side by side and not bullets.</p>
  <p>The HTML Code for an example tab is as follows:</p>
  <pre><code>&lt;div id = &quot;About Me&quot; class = &quot;tabcontent&quot;&gt;
              &lt;h3&gt;About Me&lt;/h3&gt;
              &lt;p&gt;This section of my website will talk about me. Things to talk about:&lt;/p&gt;
                  &lt;ul class=&quot;a&quot;&gt;
                      &lt;l&gt;My upbringing&lt;/l&gt;
                      &lt;l&gt;The places I've lived&lt;/l&gt;
                      &lt;l&gt;My interests and hobbies&lt;/l&gt;
                  &lt;/ul&gt;
          &lt;/div&gt;
  </code></pre>
  <p>The style for ul class a is as follows:</p>
  <pre><code>ul.a
  {
      list-style-type: square;
  }
  </code></pre>
  <p>The output I get for this is as follows:</p>
  <p>About Me</p>
  <p>This section of my website will talk about me. Things to talk about:
  My upbringing The places I've lived My interests and hobbies</p>
  <p>Any help is appreciated. Thanks!</p>