Div

Unlike the header and nav elements, the div (divider) element does not inherently represent anything. Instead, this element is used to group other elements.

Let’s wrap our h1 and img elements in a div tag:


<header>
  <nav>
    <a href="https://en.wikipedia.org/wiki/Turtle">Wikipedia</a>
    <a href="https://www.worldwildlife.org/species/sea-turtle">WWF</a>
    <a href="https://www.britannica.com/animal/turtle-reptile">Britannica</a>
  </nav>
+  <div>
    <img src="https://assets.codepen.io/5804361/Myrtle_Game.gif" alt="Gif of computer game with turtle moving around a grid."/>
    <h1>Myrtle the Turtle</h1>
+  </div>
</header>

The image and header text should now be side by side.

Here’s our header so far:

Screenshot of header with image and h1 side by side.