Floating Elements not working - Ultimate HTML/CSS (part 2) video 7

HTML/CSS
1

Hi. I’ve had zero problems with the Ultimate HTML/CSS course until today. I am working on video 7 of part 2, “Floating Elements.” No matter what I do, I cannot see (or get) the layout Mosh is demonstrating. Mosh shows the colored box with the paragraph text below the box [was going to include a screenshot, but it says I can only post 1 pic as a new user]

However, my paragraph text always displays inside the box and wrapped within the box, like this:

Screen Shot 2021-12-28 at 2.05.18 PM
Screen Shot 2021-12-28 at 2.05.18 PM1302×648 34.8 KB

I have tried re-creating the HTML and CSS files multiple times, clearing the cache and opening the index file in multiple browsers. Its always the same. I am not getting the same block level display as in Mosh’s video.

any ideas?
thank you
Bill

2

Like this?

<body>
  <div class="box"></div>
  <p>Lorem ipsum dolor sit amet.</p>
</body>

.box {
  width: 5rem;
  height: 5rem;
  background-color: gold;
}
3

yes. I had accidentally placed my closing after the

element.

thank you.

4

Hi Bill,
div tag is used as a container. So the paragraph should be outside the div