i want to make an icon before a text in header html

Question

I want to make this icon before this text

I got this code in HTML

<div class="header" > <img src="cir.png" style="height:30px;"/>  email things</div>

and this in styyle css

.header {
  background-color: gray;
  grid-column-start: 1;
  grid-column-end: 3;
  display: grid;
  align-items: center;
  padding-left:100px;
  color: white;
  font-size: 3;
}

Answer 1

You can do that by simply removing the grid configurations of your <style>, effectively having:

    <style>
        .header {
          background-color: gray;
          padding-left: 100px;
          color: white;
          font-size: 3;
        }
    </style>

Here's a snippet you can play with:
https://codesandbox.io/s/beautiful-framework-e5g9ci?file=/index.html:106-287