我想要在同一行上的 P 标签文本彼此相邻[关闭]答案

【问题标题】：I want the P tag text on the same line next to each other [closed]我想要在同一行上的 P 标签文本彼此相邻[关闭]
【发布时间】：2013-07-14 19:18:06
【问题描述】：

我一直在尝试将 P 标签文本左右对齐，但无法做到这一点。它们都在同一个 div 中，我在 ems 中编码，有人可以帮忙吗？

【问题讨论】：

【解决方案1】：

制作显示：内联；对于p标签

【讨论】：

【解决方案2】：

你应该使用 span 而不是 p，它的默认显示为 inline

<span>Your text here</span>

p 元素是默认的显示块。如果您坚持使用 p，那么您需要深入研究一些 CSS。像这样为 p 元素（或 ID，如果它是唯一的）设置一个类

<p class="inline-p">Your text here </p>

然后在一个单独的 CSS 文件中，使用选择器来引用该类。请尽量避免在您的 HTML 中使用内联 CSS。以后维护它可能会成为一场噩梦。

.inline-p {
     // Modify display for this class
     display: inline;
}

当存在可以完成您想要做的事情的现有 HTML 标记时，您应该避免修改 HTML 标记的属性。尽管如此，您的两个选项都在此处显示。祝你的网站好运。

【讨论】：

并排显示
正如保罗所说的那样是不自然的，因为你必须通过“BRUTAL FORCE”来做到这一点，但如果你使用它会自然而然地做到，不需要 .css .例如：jsfiddle.net/labanino/wdQJd

【解决方案3】：

你不能在同一个 p 标签中左右对齐文本，除非你使用 span。但是你可以使用 CSS 浮动属性来做到这一点

<p style="float: left">Some text on the left</p>
<p style="float: right">Some text on the right</p>

【讨论】：

【解决方案4】：

您还没有发布任何代码供我们分析，所以一般来说...您可以使用“显示”CSS 样式和浮动来让它们根据需要排列，或者您可以使用更合适的标签这已经是内联的，就像一个跨度。

【讨论】：