如何向弹性框添加图标+文本

Question

如何使用 html 和 css 将图标和文本一起添加到弹性框？

我已经尝试使用 w3 school 来尝试寻找解决方案，但代码对我不起作用。

Answer 1

<style>
  .flexbox {
    display: flex;
    align-items: center;
    justify-content: center;
  }
</style>

<div class="flexbox">
  <i>+</i>
  <span>Text</span>
</div>