CODEWITHSUNDEEP
htmlcss
Andreea Mitel
Andreea Mitel

Reputation: 73

Errors in HTML - red ending paragraph tags

This is my first webpage, and the end paragraph tags are red.

Can someone tell me what I have done wrong, please?

This is my code. It was working fine, but when I have tried to add some CSS to it, it started displaying my text in a weird way, so I assume it must have some errors in my code.

<body>

  <header>
    <h1><a href="http://epro.motorparks.co.uk/?" title="Engagement Pro">Engagement Pro</a></h1>
  </header>

  <section>
    <h2>Frequently Asked Questions</h2>
    <h3>Below you will find answers to the questions we get asked the most about Engagement Pro.</h3>
    <div>

      <p>
        Managers
        <ul>
          <li>Why can't log in?</li>
          <li>A lead came through with no contact details, how do I remove it?</li>
          <li>I have added a comment to an unlogged lead, why is it not excluded?</li>
          <li>A guest enquired twice, but when I created the enquiry it didn't link to the other one.</li>
          <li>Where do I find leads that are being added in my diary by reception?</li>
        </ul>
      </p>

      <p>
        Sales associates
        <ul>
          <li>Why can't log in?</li>
          <li>Why doesn't the 'Export to Pinnacle' button work?</li>
          <li>Why do I have guests I know nothing about in my diary?</li>
          <li>Is there an easier way to see my diary for today, other han changing the date range?</li>
          <li>When adding an appointment, it doesn't show in my appointments diary</li>
          <li>Why are the postcodes highlighted yellow or green sometimes?</li>
        </ul </p>

        <p>
          Product geniuses
          <ul>
            <li>Why can't log in?</li>
            <li>Why does my video have so little views?</li>
            <li>Why can I not save a video?</li>
          </ul>
        </p>

        <p>For any other questions/suggestions please contact Steven Harris or Andreea Mitel.</p>

  </section>
  <footer>
  </footer>
</body>

Upvotes: 0

Views: 1119

Answers (2)

Mobarak Ali
Mobarak Ali

Reputation: 760

I found some code error in your code and fixed them with HTML comment. Hope now it will work fine for you! :)

Here one thing to remember that: ul elements are not legally allowed inside p elements. Here is the reason. In your code you also forget to close some tags/some end tags are missing.

<body>

  <header>
    <h1><a href="http://epro.motorparks.co.uk/?" title="Engagement Pro">Engagement Pro</a></h1>
  </header>

  <section>
    <h2>Frequently Asked Questions</h2>
    <h3>Below you will find answers to the questions we get asked the most about Engagement Pro.</h3>
    <div>

      <p>Managers</p>
      <!-- Properly closing <p> -->
      <ul>
        <li>Why can't log in?</li>
        <li>A lead came through with no contact details, how do I remove it?</li>
        <li>I have added a comment to an unlogged lead, why is it not excluded?</li>
        <li>A guest enquired twice, but when I created the enquiry it didn't link to the other one.</li>
        <li>Where do I find leads that are being added in my diary by reception?</li>
      </ul>


      <p>Sales associates</p>
      <!-- Properly closing <p> -->
      <ul>
        <li>Why can't log in?</li>
        <li>Why doesn't the 'Export to Pinnacle' button work?</li>
        <li>Why do I have guests I know nothing about in my diary?</li>
        <li>Is there an easier way to see my diary for today, other han changing the date range?</li>
        <li>When adding an appointment, it doesn't show in my appointments diary</li>
        <li>Why are the postcodes highlighted yellow or green sometimes?</li>
      </ul>
      <!-- <ul> was not properly closed -->

      <p>Product geniuses</p>
      <!-- Properly closing <p> -->
      <ul>
        <li>Why can't log in?</li>
        <li>Why does my video have so little views?</li>
        <li>Why can I not save a video?</li>
      </ul>

      <p>For any other questions/suggestions please contact Steven Harris or Andreea Mitel.</p>
    </div>
    <!-- Closing <div> was missing -->
  </section>
  <footer>
  </footer>
</body>

Upvotes: 0

Mosia Thabo
Mosia Thabo

Reputation: 4267

You must note that <ul> is not allowed within a <p> element.

Upvotes: 2

Related Questions