html - 换行符边距看起来不太好

我有一个href，在句子之后。但根据单词，它可以与句子在同一行或换行。但是由于margin-left：5px;换行符时看起来不太好。我如何才能做到，如果左边没有其他字词，它将从一开始就开始。 http://jsfiddle.net/tVC43/11/

<div class="box" style="border:1px solid red;">
   welcome to xxxxxxxxx part.
  <nobr style="margin-left:5px">hi thomas</nobr>
  </div>
  <div class="box" style="left:200px; border:1px solid red;">
   welcome to xxxxxxxxx.
  <nobr style="margin-left:5px">hi thomas</nobr>
  </div>

最佳答案

为什么使用<nobr>？我在您的示例中并没有发现所有示例都看起来不错。

链接的默认样式应表示它们正确显示与文本一致。除非您的链接是display: block或display: inline-block，否则margin不会在多行文本中表现出预期的效果。

有关更多说明，请参见此处：http://www.w3.org/TR/CSS21/visuren.html#inline-formatting

关于html - 换行符边距看起来不太好，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/14580675/