Question

This is my code so far:

<form>
    <p>Username: </p><input type="text" name="username" />
    <p>Password: </p><input type="text" name="password" />
    <br /><input type="submit" value="Submit" />
</form>

For some interesting reason it is going to another line for ever paragraph and textbox. What can I do to prevent that?

Answer 1

Put your paragraph tags around the input also. The P tag basically does a line break at the end of itself.

<form>
    <p>Username: <input type="text" name="username" /></p>
    <p>Password: <input type="text" name="password" /></p>
    <br /><input type="submit" value="Submit" />
</form>