css - 如何获取部分字符串的超链接 - 在导航栏“li”中

Question

我想在导航栏中的“li”处显示一个字符串（例如“欢迎用户名”），而只有“用户名”是一个超链接：例如

    <li>Welcome <a href="/users/username">username</a></li>

“欢迎用户名” <- 像这样。

在导航栏中执行此操作时，我将字符串“欢迎用户名”分成两行

请看小提琴：

http://jsfiddle.net/9ywsY/7/show

已解决：http : //jsfiddle.net/9ywsY/12/show

Answer 1

.nav li a { display: inline-block;}

Answer 2

.nav > li > a {
    display: inline;
}

内联块在所有浏览器上都不能正常工作:)

或者，如果您真的希望它成为一个块，您可以将所有文本放在锚标记内

<ul>
      <li><a href="/users/username">Welcome username</a></li>
</ul>