Unordered List leaving indention

Hey guys! May I get an eye and see what I am doing wrong here? Idk why my code is leaving an idention for the contents in unordered list. thanks!

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>My First HMTL</title>
</head>
<body>
    <h1>Hello, Moralis</h1>
    <p>Hi my name is Daniel.</p>
    <p>How are you doing today?</p>    
    <h2>Part 1: Example</h2>
    <h3>Chapter 1: Metamask Login</h3>
    <h3>Chapter 2: Loading NFTs</h3>
    <h4>Section 2.1:BigBoy Pants</h4>
    <h4>Pumpkins</h4>
    <h2>Part 2: Building a DEX</h2>

    <ol>
        <li>Bitcion</li>
        <li>Ethereum</li>
        <li>Tether</li>
    <ul>
        <li>Bitcion</li>
        <li>Eth</li>
        <li>USDT</li>

    <p>This is an update</p>
</body>
</html>

You have forgotten to close

<ol> </ol>

and the same for <ul></ul>

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>My First HMTL</title>
  </head>
  <body>
    <h1>Hello, Moralis</h1>
    <p>Hi my name is Daniel.</p>
    <p>How are you doing today?</p>
    <h2>Part 1: Example</h2>
    <h3>Chapter 1: Metamask Login</h3>
    <h3>Chapter 2: Loading NFTs</h3>
    <h4>Section 2.1:BigBoy Pants</h4>
    <h4>Pumpkins</h4>
    <h2>Part 2: Building a DEX</h2>

    <ol>
      <li>Bitcion</li>
      <li>Ethereum</li>
      <li>Tether</li>
    </ol>
    <ul>
      <li>Bitcion</li>
      <li>Eth</li>
      <li>USDT</li>
    </ul>
    <p>This is an update</p>
  </body>
</html>

1 Like