Question

您好我有以下代码：

<div id="heroDiv">
            <form id="loginDiv">
                <h4>Log in</h4></br>
                <input id="username" autofocus="" name="username"  placeholder="Email address" autocorrect="off" autocapitalize="off" type="text"/></br></br>
                <input id="password" autofocus="" name="password"  placeholder="Password" autocorrect="off" autocapitalize="off" type="password"/></br></br>

                <div id="forgot">
                    <p><input id="remember" name="remember" type="checkbox"/> Remember me</p>
                    <a href="http://www.google.com"> Forgot password?</a></br>
                </div>

                <div id="signUp">
                    <p><button id="login">Log in</button> </br></br>                        
                    <p>Not a member yet? <a href="http://www.yahoo.com"> Sign Up</a></p>
                </div>
                </br>
                <p id="name">© Biz Yapalım <span id="bottomLinks"> <a href="http:/www.google.com">Privacy</a> <a href="http://www.google.com"> Terms</a></span>

         </form>

        <div id="errorMessages">
                <p id="userErrorMessage">Email Error Message</p>
        </div>

    </div>

jsfiddle

我想在登录表单的右侧创建一个div，以便

可以显示错误消息，但我无法弄清楚，有什么建议吗？`

由于

Answer 1

如果我理解你的问题，这里有两个不同的问题：

form，div和paragraph是分行元素。这意味着其中的内容开始一个新行。为了避免这种行为，您可以将以下属性添加到css中，并将其调整为那些不同的元素，例如：

form, p, div { display: inline }

另一个问题来自您使用 br ， br 表示断线，它与上面相同。如果你希望在两个元素之间放置空格（当你一个接一个地添加br时似乎就是这种情况）使用块元素（如div或spans）的边距和/或填充。

将Div旁边的表格放在同一行

1 个答案: