第一段用文本框HTML

时间:2014-07-09 13:25:53

标签: html css textbox alignment

  

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

任何人都可以帮助我吗?

感谢

4 个答案:

答案 0 :(得分:0)

inline-block;#welcome

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

see here

答案 1 :(得分:0)

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

更改此行为
form, p{
 display:inline-block;
}

Demo

答案 2 :(得分:0)

pformblock元素。让他们inline-blockfloat

写:

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

DEMO此处。

答案 3 :(得分:0)

你真的想要这个:

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

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