CSS如何在文字面前设置一个小方块？

<span style="display: inline-block;width: 20px;height: 20px;vertical-align: middle;background: red;"></span>