HTML/CSS : how to put text both right and left aligned in a paragraph

Question

最好的代码是在一个段落中有两位文本，一位左对齐，另一位右对齐，这也是:

• 尽可能少的代码
• 客户端最容易呈现(即使用最少的资源)

我添加最后一个以确保<table><tr><td></td><td align=right></td></tr></table>会被排除在外。与几个样式正确的 <div> 相比，这不仅是代码的野兽。 , <span>或 <p>的，如果您知道 HTML 呈现引擎必须加载和计算什么以决定单元格大小，甚至在它开始在单元格中绘制文本之前，它也是一个野兽......

如果您不确定我的意思，这里有一个示例:页面页脚左对齐当前登录用户的名称，并在同一行右对齐当前日期和时间和/或网站版本。

Answer 1

尽可能少的标记(您只需要一个跨度):

<p>This text is left. <span>This text is right.</span></p>

如何实现左/右样式取决于您，但我建议在 ID 或类上使用外部样式。

完整的 HTML:

<p class="split-para">This text is left. <span>This text is right.</span></p>

还有 CSS:

.split-para      { display:block;margin:10px;}
.split-para span { display:block;float:right;width:50%;margin-left:10px;}