更改超链接样式

Question

我正在尝试更改超链接文本中的单词。

假设超链接是“foofoofoo”。如何将中间foo改为斜体？

我试过这个：

<a href="#">
foo<div style="font-style: italic;">foo<div>foo
</a>

但是，我的IDE状态强调div为错误，整个超链接样式搞砸了。 我做错了吗？

感谢您的帮助！

Answer 1

您不应该为此使用块元素。你真的应该使用像span这样的内联元素。

<a href="#">
foo<span style="font-style: italic;">foo</span>foo
</a>

以下是关于差异的精彩文章：What is the difference between display: inline and display: inline-block?

Answer 2

将中间foo包裹在斜体标记中而不是分割中。

foo<i>foo</i>foo