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

<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">

<div class="grid-container toolsetbutton" id="gridid1556351f5ece4ee3a7dce6962be48e39" >
   <span><i class="material-icons toolsetbutton" style="font-size:48px;">notifications</i>
   <i class="material-icons toolsetbutton" style="font-size:48px;">delete</i></span>
</div>