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

时间:2013-12-31 00:06:20

标签: html

如何在不使用CSS的情况下将文本与同一行的不同边对齐?

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

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

3 个答案:

答案 0 :(得分: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;
}

答案 1 :(得分:0)

试试这个:

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

这会自动将其显示为内嵌。

答案 2 :(得分:-1)

这是你可以在没有CSS的情况下编写它,只使用HTML。

<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;
}