HTML5已将对齐文本和右对齐文本保留在段落内的同一行中

时间:2017-03-28 22:02:33

标签: html css html5 text alignment

我想要"这是一个测试"左对齐和" [稀有照片]"右对齐但仍然在同一条线上。

我是HTML5的新手,所以我们会很感激。

谢谢! :)

<p style = "margin-left:75px;max-width:750px;"><br/>
        This is a test.
        [Rare photograph]


</p>

2 个答案:

答案 0 :(得分:2)

如果没有其他标记,您就无法做到这一点,但您可以做的是在<span>标记中注入<p>标记,然后为每个标记{ {1}}各自为<span>float: left

&#13;
&#13;
float: right
&#13;
&#13;
&#13;

希望这有帮助! :)

答案 1 :(得分:0)

一种有两个<p>标签的doign方式:

&#13;
&#13;
#left {
  float: left;
}        
#right {
  float: right;
}
&#13;
<p id="left">This is a test.</p>
<p id="right">[Rare photograph]</p>
&#13;
&#13;
&#13;