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

Question

我的问题

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

手册

手册建议使用<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>