html - 带有文本框 HTML 的一行一行

Question

[text box] submit.............................................[p]welcome bla bla bla

我正在尝试在我的网站上安排我的文本框和我的欢迎文本

欢迎文字在段落中，我尝试使用右对齐，但该段落在我的文本框下方

这是我的代码

<div class="signupParent">
    <div id="signupInner">
    <form>
        <input type="text" name="subsemail">
        <input type="button" value="Subscribe">
    </form>
    <p id="welcome">Welcome to Promochan. Sign In || Register</p>
    </div>
</div>

CSS

.signupParent{
    background-color: #E3E6FF;
    display: table;
    width: 100%;
}

#signupInner{
    display: table-cell;

}

#welcome{
    display: table-cell;
    text-align: right;
}

谁能帮帮我？

谢谢

Answer 1

p 和 form 是 block 元素。让它们 inline-block 或 float 它们。

写:

form,#welcome{
    display:inline-block;
}

DEMO在这里。