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

Question

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

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

“欢迎username”

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

请看小提琴：

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>