How do I align Text in the same line?

[Archer10]

Hi I have just started learning html and I need help. Im trying to align three names in the same line but with one name to the left, one to the center, and one to the right. Like so

Peter Phil Duncan

I tried using <div align="right"> but realized <div> automatically makes a new line making it like

Peter
Phil
Duncan
Then I was told to use <span class="alignLeft">
But that also didn't work.

If someone could help me here I would be very Grateful

[QuietDean]

Hi, welcome to the forums.

<span class="alignLeft"> isn't going to work on its own, it needs some CSS to go with it. Did you have any more code that that? Could you link to or post it?

[Archer10]

<div>
<span class="alignLeft">Pete
</span>
<span class="alignCenter">Phil
</span>
<span class="alignRight">Duncan
</span>
</div>

CSS? I will have to study that more I guess..

[priyanka]

If you get stuck and are in a hurry to find out what's exactly the solution, use Frontpage and do the changes and see how the coding is getting changed.If you are in need of good html tutorials, try out www.w3schools.com and www.htmlgoodies.com

[interpim]

You could try a table if it fits your page...

<table>
<tr>
<td align="left">First Name</td>
<td align="center">Middle Name</td>
<td align="right">Last Name</td>
</tr>
</table>

[harikrishna.redd]

<table>
<tr><td>name:</td></tr>
<tr><td>password:</td></tr>
<tr><td>id:</td></tr>
</table>
Dont keep color, so that the o/p appears like
name password id

[Bigmous]

div's are useful when controling the structure of the page. e.g. menu/nav, header/logo, paragraphs, columns, images. etc.

but for only three words just use a table, remember to state the width of the table and align each cell accordinally in css.

btw if you want give each name a seperate effect just give each cell its own class and you'll be able to control the font size color etc.

hope that helps,

mous

[Triz]

You could try a table if it fits your page...

<table>
<tr>
<td align="left">First Name</td>
<td align="center">Middle Name</td>
<td align="right">Last Name</td>
</tr>
</table>

If you have to images in one table (and can't create more tables) how would align them both to the left?

[xmassey]

<div style="float:left;">One</div>
<div style="float:left;">Two</div>
<div style="float:left;">Three</div>

[wyg951]

I will have to study that more I guess

[KDavid01]

Use this.
<table>
<td align="right">
<tr>
</tr>
<td/>
<table/>

I hope this will work.

David.