<div class="button-grid">
  <button>hello world</button>
  <button>hello world <i class="icon">I</i></button>
  <button><span>hello world</span> <i class="icon">I</i></button>
</div>
* {
  box-sizing: border-box;
}

body {
  margin: 0;
  padding: 40px;
}

.button-grid {
  display: flex;
  gap: 8px;
}

button {
  display: grid;
  grid-auto-flow: column;
  gap: 4px;
}

.icon {
  background: red;
}

span {
  background: blue;
  color: #fff;
}
View Compiled
Run Pen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.