CODEWITHSUNDEEP
htmltext-alignment
Bryce Hahn
Bryce Hahn

Reputation: 1773

html align text with value in a line

I'm creating a simple fake forum for a class project. It works exactly like a normal forum where you can post topics, comment, ect.. But when you are at the main forum page (bellow) there is text that says signed in as and then your username but the username is not right next to the text on one line like i want it to be. How can I merge them together?

img

This is the code for that line

<form align="right" id="name_disp">
    <div>
        <p id="SIA">signed in as </p>
        <a style="color:blue"id="userNAME" onclick="showProfile(this.innerHTML)">hahn2014</a>
        <input type="button" value="Sign Out" onClick="logOut()" style="width: 65px; height: 25px">
    </div>
</form>

Upvotes: 0

Views: 19

Answers (1)

tejashsoni111
tejashsoni111

Reputation: 1405

Instead of <p> </p> use <span></span> like this : 

<span id="SIA">signed in as </span>
<a style="color:blue"id="userNAME" onclick="showProfile(this.innerHTML)">hahn2014</a>

JSFIDDLE : http://jsfiddle.net/y9Gje/

Upvotes: 1

Related Questions