Help <p> tag is in the wrong place

So my paragraph tag is not where I want it to be. I want it to be placed under the words “Hello, my name is Eric Nelson, and I am a student.”

here is my code:

<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width-device-width, initial-scale=1.0">
  <title> Personal Portfolio Website </title>
  <link rel="stylesheet" href="style.css">
  <script src="https://kit.fontawesome.com/a076d05399.js" crossorigin="anonymous"></script>

  <script>
    src = "https://code.jquery.com/jquery-3.6.0.min.js"
  </script>
<!-- created nav bar //-->

</head>
<body>
  <nav class="navbar">
    <div class="max-width">
      <div class="logo"><a href="#">portfo <span>lio.</span></a></div>
      <ul class="menu">
        <li> <a href="#">Home</a></li>
        <li><a href="#">about</a></li>
        <li><a href="#"> Projects</a> </li>

        <li><a href="#">skills</a </li>
        <li><a href="#">Contact</a></li>
      </ul>
    </div>
  </nav>
  <!-- Home section start //-->
  <section class="home" id="home">
    <div class="max-width">
      <div class="home-content">
        <div class="text-1">Hello my name is</div>
        <div class="text-2">Eric Nelson</div>
        <div class="text-3">and I'm a <span>Student</span> </div>
      </div>
    </div </section>
      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum</p>
</body>

</html>

</html>

You have syntax errors such as open <div> and extra </html>. But the main issue would be in the CSS as this is a styling issue.

2 Likes

If you are using codepen. I recommend use the analyze css option so the analyzer checks for errors in your css code.

How to find analyze CSS option?

See this:

  1. Screenshot (75)_LI
  • Click on the dropdown shown here.
  1. Screenshot (76)_LI
  • Then click analyze css and finished!

Hope this helps :sparkles:

1 Like

Thanks you guys the open div tag was the problem and thanks for CSS analyzer suggestion

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.