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:

Before - Replace this code

<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>

    <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>

</header>

After - Updated code

<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>

Test

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

Here’s our header so far: