HTML5在段落的同一行中具有左对齐文本和右对齐文本

Question

I want to have "This is a test" left aligned and "[Rare photograph]" right aligned but still be on the same line.

I'm a newbie at HTML5, so a simple explanation would be appreciated.

Thanks! :)

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


</p>

Answer 1

You can't do that without an additional tag, but what you can do is inject a <span> tag within a <p> tag, and give each <span> a respective float: left and float: right :

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

Hope this helps! :)

Answer 2

One way of doign that would be having two <p> tags:

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

 <p id="left">This is a test.</p> <p id="right">[Rare photograph]</p>