tachyons.io：用斜体强调单个单词

Question

我的问题

我正在使用 tachyons.io 框架来设置 HTML 页面的样式。我想用 斜体 字体强调句子中的单个单词，而不用换行符中断句子流。

手册

The manual建议使用<p class="i"></p>，但使用p会加一个换行符。

我尝试了什么

除了阅读手册外，我还尝试使用内部 p class="i" 或 class="i"。前者换行断句，后者不改字体

我的问题

如何在 tachyons.io 中用 斜体 强调单个单词，而不用换行符打断句子？

Answer 1

使用 <span>: <span class="i"> ... </span>.

（或者，<i>。）

示例：

<link href="https://cdnjs.cloudflare.com/ajax/libs/tachyons/4.9.1/tachyons.css" rel="stylesheet"/>
<p>
Only one <span class="i">word</span> is in Italics here.
</p>

<p>
Can also use <i>plain HTML</i> for that.
</p>