Unordered List Whitespace Structure

Hi ! new here :wink:
I’ve been working on the first HTML project on the stack developer course and I have a question:
I’ve followed the instructions of the course and started creating the website but I noticed that when adding the unordered list it suddenly adds space between it, the paragraph above it and the first item list below it.
I would love some explanation as to why this is happening :grin:
Thanks in advance, Shalev
The course’s link: https://www.codecademy.com/paths/fscj-22-web-development-foundations/tracks/fscj-22-fundamentals-of-html/modules/wdcp-22-learn-html-structure-c107c169-b1ea-46cc-868e-4ad7c884a44c/projects/html-fashion-blog

My code:

<!DOCTYPE html>
<html>
  <head></head>

  <body>
    <img src="https://content.codecademy.com/courses/learn-html/elements-and-structure/profile.jpg">
    <h3>by Isabelle Rodriguez | 1 day ago</h3>
    <h1>An Insider’s Guide to NYFW</h1>
    <img src="https://content.codecademy.com/courses/learn-html/elements-and-structure/image-one.jpeg">
    <p><a href="https://en.wikipedia.org/wiki/New_York_Fashion_Week" target="_blank">NYFW</a> can be both amazingly fun & incredibly overwhelming, especially if you’ve never been. Luckily, I’m here to give you an insider’s guide and make your first show a pleasurable experience. By taking my tips and tricks, and following your gut, you’ll have an unforgettable experience!</p>
    <h2>Getting Tickets & Picking the Shows</h2>
    <img src="https://content.codecademy.com/courses/learn-html/elements-and-structure/image-two.jpeg">
    <p>
      If you’re lucky or connected you can get an invite, sans the price tag. But I wasn’t so lucky or connected my first 2 years so I’m here to help you out. First, plan out which shows are most important to you and make a schedule and this is a biggie: SET A BUDGET. If you’re worrying about blowing your cash the whole time you won’t have fun. Then check out prices, days, and times and prioritize the designers you want to see most. Lastly, purchase your tickets and get excited!
      </p>
    <h2>Dressing for the Shows</h2>
    <img src="https://content.codecademy.com/courses/learn-html/elements-and-structure/image-three.jpeg">
    <p>Always be true to your own sense of style, if you don’t you’ll be uncomfortable the whole time and it will show. Remember, NYFW is about expressing yourself and taking in what the designers have chosen to express through their new lines. Also it’s important to wear shoes you’ll be comfortable in all day. Obviously you want to look good, but you’ll be on your feet all day long, so be prepared.</p>
    <h4>Related Content</h4>
    <ul>
      <li>How To Style Boyfriend Jeans</li>
      <li>When Print Is Too Much</li>
      <li>The Overalls</li>
      <li>Fall's It Color:Blush</li>
    </ul>
  </body>

</html>

Hey Shalev !

By default web browser apply CSS to HTML elements, so in this case this is applied to your unordered list:

Since you’re not on the CSS part yet maybe you don’t exactly understand the code in the screenshot but at least you know why it looks like that :slightly_smiling_face: (but you will later on !)

Source of the screenshot

Ohhh I understand, thanks for responding !