Quick <p align> question

[Wongtong]

So.. been working on my website.

That's just a short screenie of the problem I have encountered (it's probably simple to solve).

I want to make the links directly opposite each other without them being on separate lines.

 

Here's what I've got:

 

<div class="dashed-end"></div>
<p align=left><a href="/micro/index.htm">Take me to the previous page!</a></p><p align=right><a href="/micro/fungi.htm">Take me to the next page!</a></p>

 

<div class="dashed-end">

.dashed-end{border-top: 1px dashed #000000; border-color: #000000;}

 

Thanks for any help :D

[JoeDaStudd]

Have you tried using the css instead?

<div class="dashed-end"></div>
<p style="float:left;display:inline;margin:0px;"><a href="/micro/index.htm">Take me to the previous page!</a></p>
<p style="float:right;display:inline;margin:0px;"><a href="/micro/fungi.htm">Take me to the next page!</a></p>

 

Just tested it in dreamweaver and it looks ok.

[Wongtong]

Thank you very much Joe :D

 

Please lock.

Edited October 27, 2009 by laura0077
As you wish.