Putting an Image next to Text

For my tribute page, I’m trying to put an image of a flag next to an h1 header. However, when I put the image next to the text, the image gets pushed away instead of being next to the header. How can I make it so that the image is right next to the text?

Here’s my code.

In css add “cats” as a class name to a div with both h1 and img tag inside it. Example:
div class = "cats"
h1
img
end of div

.cats img{
display: inline-block;
}

.cats h1{
display: inline-block;
}

2 Likes