title: Indenting lists in HTML
body: <p>I am trying to make a webpage and I came across a probmem–Indenting a list.</p>
  
  <p>Here is an example of what I am trying to do:</p>
  
  <p><img src="https://i.stack.imgur.com/NgeQU.png" alt="Final product"></p>
  
  <p>But I cant quite figure out how to indent the numbered list. Using my code, this is what it looks like</p>
  
  <p><img src="https://i.stack.imgur.com/8eQZl.png" alt="What My image looks like"></p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
      &lt;title&gt;Top Five Cat &amp; Dog Names&lt;/title&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;h1&gt;Top Five Cat &amp; Dog Names&lt;/h1&gt;
      &lt;h2&gt;Top Five Cat Names&lt;/h2&gt;
      &lt;ul&gt;
          &lt;li&gt;Female Cats&lt;/li&gt;
      &lt;/ul&gt;
          &lt;ol&gt;
              &lt;li&gt;Tigger&lt;/li&gt;
              &lt;li&gt;Tiger&lt;/li&gt;
              &lt;li&gt;Smokey&lt;/li&gt;
              &lt;li&gt;Kitty&lt;/li&gt;
              &lt;li&gt;Sassy&lt;/li&gt;
          &lt;/ol&gt;
      &lt;ul&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p></p>
  
  <p>the code continues, but I need to get this issue resolved first</p>
  
  <p>Thanks for any help! =)</p>