如何将文本对齐到同一行的不同边

Question

如何不使用CSS将文本对齐到同一行的不同边？

<p align="left">To the left</p>
<p align="right">To the right</p>

这就是我现在使用的将文本对齐到不同边的方式，但是如果我使用它，它将自动转到下一行。 我不想为此使用任何CSS。

Answer 1

您不能为此使用<div>或<p> ； 这是一个块元素。 尝试改用<span> 。 另外，像这样使用CSS进行文本对齐

<span id="left">To the left</span>
<span id="right">To the right</span>

在你的CSS中

#left{
     float:left;
}
#right{
     float:right;
}

Answer 2

尝试这个：

 <span align="left">To the left</span>
 <span align="right">To the right</span>

这将自动内联显示。

Answer 3

这是仅使用HTML即可在不使用CSS的情况下编写它的方式。

<p style="text-align:left">To the left</p>

<p style="text-align:right">To the right</p>

但是，如果要使文本对齐在同一行中，则需要使用CSS。

HTML:

<div id="textbox">
<p class="alignleft">Text on the left.</p>
<p class="alignright">Text on the right.</p>
</div>

CSS:
.alignleft {
float: left;
}
.alignright {
float: right;
}