Question

[文本框]提交.......................................... ... [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

为inline-block;和#welcome

添加form

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

see here

Answer 2

<form>和<p>是一个块元素，在它之前和之后有一个换行符。您可以通过应用

更改此行为

form, p{
 display:inline-block;
}

Demo

Answer 3

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

写：

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

DEMO此处。

Answer 4

你真的想要这个：

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

注意“#signupInner表单”仅设置该表单以显示内联块

第一段用文本框HTML

4 个答案: