文本中div之间的间距？

Question

这里有一个css小问题

代码：

     printf( '<div id="replyto">Reply to</div>
    <a class="replytolink" href="%1$s">%2$s %3$s</a>',
 $parent_link, $parent->comment_author, $parent->comment_date );

css:

#replyto {
        float: left;
}
.replytolink {
        float: left;
}

是输出

回复“评论作者日期”

我怎样才能输出它

回复到“评论作者日期”，

文本和链接之间的间距是否正确？

Answer 1

从语义的角度来看，在这种情况下，使用浮动 div 后跟锚点并不是标签的最佳选择。
就我个人而言，我会将 div 替换为 span，然后您就不需要浮动它们，因此字间距将照常工作。

Answer 2

试试这个：

.replytolink {
    padding-left:5px;
    float: left;
}

示例：http://jsfiddle.net/RTFb7/

Answer 3

将 padding-right 添加到 #replyto：

#replyto {
        float: left;
        padding-right:5px;
}

Answer 4

加个空格？

printf( '<div id="replyto">Reply to </div><a class="replytolink" href="%1$s">%2$s %3$s</a>', $parent_link, $parent->comment_author, $parent->comment_date );

或者在 #replyto 上添加 padding-right: 2em。

Answer 5

卢修斯的解决方案：

printf( '<span>reply to <a href="%1$s">%2$s %3$s</a></span>', $parent_link, $parent->comment_author, $parent->comment_date );

很简单。不需要 CSS。如果需要，请为 标记提供 ID。现在输出“回复”后的额外空格。