html将文本与行中的值对齐

Question

我正在为课堂项目创建一个简单的虚假论坛。它的工作方式与普通论坛完全相同，您可以在其中发布主题，评论等等。但是当您在主论坛页面（下图）时，会有文字显示signed in as，然后是username，但是用户名不在我希望它的一行文本旁边。我怎样才能将它们合并在一起？

这是该行的代码

<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>

Answer 1

而不是<p> </p>使用<span></span>这样：

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

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