html - 如何在同一行中将文本左对齐和文本右对齐?

标签 html css

如何对齐文本,以便在同一行内部分文本左对齐,部分文本右对齐?

<p>This text should be left-aligned. This text should be right aligned.</p> 

我可以将所有文本左对齐(或右对齐),可以直接内联,也可以使用样式表 -

<p style='text-align: left'>This text should be left-aligned. 
    This text should be right aligned.</p>

如何将相应的文本左右对齐,同时保持在同一行上?

最佳答案

<p style="text-align:left;">
    This text is left aligned
    <span style="float:right;">
        This text is right aligned
    </span>
</p>

https://jsfiddle.net/gionaf/5z3ec48r/

关于html - 如何在同一行中将文本左对齐和文本右对齐?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12438339/

相关文章:

php - 需要帮助将 ID 值从一个表插入到 PHP 中的下一个表中

html - 为什么我的超大屏幕没有显示我的背景图片?

html - CSS Only accordion - 如何折叠内容

jquery - CSS 动画一次一行

css - 标题不能有边框

html - <img> inside <a> 得到蓝色边框

javascript - 组合 getElementsByTagName 和 getElementsByClassName

javascript - 可 move 的侧导航栏

html - 在 div 中居中文本

html - 将一个 div 的宽度调整到另一个具有左右填充的 div 中