如何在文本'Or'与a超链接标签之间添加空格？

你可以通过以下几种方式实现需求：

• 使用HTML空格实体
  直接在文本Or后面插入 强制空格实体，不会被HTML的空白折叠规则忽略，代码示例：

Or 
<a href="#" class="font-medium text-indigo-600 hover:text-indigo-500">
   start your trial
</a>

• 调整HTML代码结构
  将Or和a标签放在同一行，中间直接输入普通空格即可：

Or <a href="#" class="font-medium text-indigo-600 hover:text-indigo-500">
   start your trial
</a>

• 通过CSS控制间距
  如果不想修改HTML代码，可以给a标签设置左侧外边距，还能灵活调整间距大小：

/* 可以给这个a标签加个专属类名避免影响其他元素 */
.font-medium.text-indigo-600 {
  margin-left: 0.25rem;
}

内容的提问来源于stack exchange，提问作者Tom