Html Css: Is There A Useless Tag Which Does Nothing?

Is there a way to create a useless Html Tag which does not do anything (does not affect formatting, content, spacing, more like a empty label? Is it span or div? I want to place a

Solution 1:

Use for both elements separately. You used one span for both elements in codepen. I've edited the html file. Check it. Hope it will help you.

.grid-container.toolsetbutton
{
 display: grid;
 grid-template-columns: repeat(1, 50px);
/*  grid-template-rows: repeat(2, 50px); */grid-gap: 1px;
 padding: 0px;
 align-items: center;
}
  
.material-icons.toolsetbutton
{
   text-align:center;
}

<linkhref="https://fonts.googleapis.com/icon?family=Material+Icons"rel="stylesheet"><divclass="grid-container toolsetbutton"id="gridid1556351f5ece4ee3a7dce6962be48e39" ><span><iclass="material-icons toolsetbutton"style="font-size:48px;">notifications</i><iclass="material-icons toolsetbutton"style="font-size:48px;">delete</i></span></div>