<p> tag not creating new lines

Is it possible for a <p> tag to not create a new line? i have this code on my page

<form action="/forum/ucp.php?mode=login" method="post" enctype="multipart/form-data">
<p>Username:</p>
<input name="username" id="user" class="username" type="text" border: 1px solid #339900; background-image: url('images/form_bg.gif'); background-repeat: repeat; background-attachment: scroll; background-position: center" />
<br /><p>Password:</p>
<input name="password" id="pass" class="password" type="password" border: 1px solid #339900; background-image: url('images/form_bg.gif'); background-repeat: repeat; background-attachment: scroll; background-position: center" /><br />
<p>Remember me?</p> <input type="checkbox" name="autologin" id="autologin" style="width:14px;" />
<input type="hidden" name="redirect" value="/index2.php">
<input name="login" id="submit" value="Login" type="submit" />
</form>
<a href="/forum/ucp.php?mode=register"><p>Register?</p></a></p></center>

Code (markup):

and it makes new lines after all the <p></p>'s my site is as follows

http://soldiersoffortune.darkstargamers.com/index2.php

I want the "Username" and "Password" texts to be in line with the fields. Also, i had other input fields with backgrounds, but i tried using the same code for these inputs and it didnt work.

If anyone could help with either or both of my problems it would be greatly appreciated

Thanks in advance

 

Have you tried just putting a break tag in?

The CSS may be causing it.

 

i mean, it DOES create a break, when i dont want it to. i want it to be in line with the input fields (look at my site, they're on a new line)

 

Oh, leave it to me to misread. I would add a style="" to the <p> tag. I'm pretty sure you can do it.

 

Use p's only for paragraphs. Use <label> instead.

 

would i do the same thing in my css? like

label {
  font-size: 11px;
  font-family: arial;
  color: #FFFFFF;
  padding-left: 20px;
}

Code (markup):

or can i do that with label?

 

Yeah, that's fine. You can even specify which input the label is for, eg:

<label for="password">Password: </label>
<input name="password" type="text" />

Code (markup):

You can do what you want with the label's CSS.....

 

okay, but i have another question, instead of a login button that i click, can i make this text? so like, when they enter their username and password, they click a LINK that says login?

 

Yeah, but it requires Javascript. Just style the submit button so t has no border, background color, and the text is the colour you want. Use the :hover pseudo element to make it change on hover.

 

and how ecactly would i go about doing that? sorry, dont really know how to style buttons..