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>