我希望P标签文本在同一条线上彼此相邻

Question

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

Answer 1

make display：inline;对于p标签

Answer 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标记的属性。不过，这两个选项都在这里展示。祝你的网站好运。

Answer 3

除非使用span，否则无法在同一个p标签中左右对齐文本。但你可以使用CSS float属性

来做到这一点

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

Answer 4

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