在没有自动换行的情况下显示/隐藏HTML标签

Question

HY，

这是我的HTML代码：

 <h2>Advertising over Push Notifications</h2>
 <h3>Login</h3>
<label for="infoLabel_CheckUserLoginWeb"></label>
<form id="form_CheckUserLoginWeb" name="form_CheckUserLoginWeb" method="POST" onsubmit="" action="">
    E-Mail: <input type="text" size="30" name="email_CheckUserLoginWeb" id="email_CheckUserLoginWeb" ></br>
    Passwort: <input type="text" size="30" name="passwort_CheckUserLoginWeb" id="passwort_CheckUserLoginWeb" ></br>
    <input type="submit" value="Login" id="submit_CheckUserLoginWeb" name="submit_CheckUserLoginWeb" />
</form>

我希望文本“Benutzername ....”将显示在红色区域，我不想要新的自动换行。

我想要这个：

Answer 1

在html中添加额外的div，如下所示：DEMO

<强> HTML

<div class="error">
    <label for="infoLabel_CheckUserLoginWeb"></label>
</div>

然后在css中定义规则：

<强> CSS

.error { float:left; height:20px; width: 100%;}
.login {margin:0;}

Answer 2

默认情况下，

<h3>元素具有边距。添加CSS以将其删除：

h3{
    margin: 0;
}

Answer 3

你可以在h3中插入一个id并添加CSS来删除它。注意：如果您修改标签h3而没有id或类，则代码中的所有h3标签都将被修改。

<强> HTML

<h3 id="login">Login</h3>

<强> CSS

h3#login{
    margin-bottom: 0;
}

Answer 4

的 Demo

HTML

<h2>Advertising over Push Notifications</h2>

 <h3 class="login">Login</h3>

<span>Benutzername....</span>

<label for="infoLabel_CheckUserLoginWeb"></label>
<form id="form_CheckUserLoginWeb" name="form_CheckUserLoginWeb" method="POST" onsubmit="" action="">E-Mail:
    <input type="text" size="30" name="email_CheckUserLoginWeb" id="email_CheckUserLoginWeb">
    </br>Passwort:
    <input type="text" size="30" name="passwort_CheckUserLoginWeb" id="passwort_CheckUserLoginWeb">
    </br>
    <input type="submit" value="Login" id="submit_CheckUserLoginWeb" name="submit_CheckUserLoginWeb" />
</form>

CSS

.login {
    margin: 0;
}