コードが間違っているようで文字が整列されません。

Youtubeの動画を見ながらレイアウト作成の練習をしていたのですが、
画像の通り、コードが間違っているようで文字始まり（code feature の箇所）が整列されません。

以下がコードです。
親切な方、どこが間違っているか教えてください><
なぜ、こうなるのか検証ツールで確認してもわからず。

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-wid th, initial-scale=1.0"> <link rel="stylesheet" href="style.css"> <title>Document</title> <link rel="preconnect" href="https://fonts.gstatic.com"> <link href="https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital@1&display=swap" rel="stylesheet"> </head> <body> <div class="header">

<h1>Our logo</h1>

<ul class="nav"> <li><a href="#">Home</a></li> <li><a href="#">About</a></li> <li><a href="#">Portfolio</a></li> </ul> </div> <div class="hero"> <div class="hero-inner"> <h1>Welcome To Our Site</h1> <p>Lorem ipsum dolor site aaa aaaaaaaaaa aaaaaaaaaaLorem ipsum dolor site aaa aaaaaaaaaa aaaaaaaaaa </p> <a href="#" class="button">Learn More</a> </div> </div> <div class="features"> <div class="fetured-item"> <h3>Cool Feature #1</h3> <P>Lorm ipsum dolor sit amet fffffffffffffffffffff fffffffffffffffffffffff Lorm ipsum dolor sit amet fffffffffffffffffffff fffffffffffffffffffffff </P> </div> <div class="features"> <div class="fetured-item"> <h3>Cool Feature #2</h3> <P>Lorm ipsum dolor sit amet fffffffffffffffffffff fffffffffffffffffffffff Lorm ipsum dolor sit amet fffffffffffffffffffff fffffffffffffffffffffff </P> </div> <div class="features"> <div class="fetured-item"> <h3>Cool Feature #3</h3> <P>Lorm ipsum dolor sit amet fffffffffffffffffffff fffffffffffffffffffffff Lorm ipsum dolor sit amet fffffffffffffffffffff fffffffffffffffffffffff </P> </div> <div class="features"> <div class="fetured-item"> <h3>Cool Feature #1</h3> <P>Lorm ipsum dolor sit amet fffffffffffffffffffff fffffffffffffffffffffff Lorm ipsum dolor sit amet fffffffffffffffffffff fffffffffffffffffffffff </P> </div>

    <div class="features">
      <div class="fetured-item">
        <h3>Cool Feature #4</h3>
        <P>Lorm ipsum dolor sit amet fffffffffffffffffffff
          fffffffffffffffffffffff
          Lorm ipsum dolor sit amet fffffffffffffffffffff
          fffffffffffffffffffffff
        </P>
      </div>

</div> </div> </body> </html>