如何使用CSS删除文本字段和段落(p)元素之间的多余间距?我以百分比指定了高度,宽度和填充。输入元素之间的间距适当。但是,输入元素和段落(p)元素之间的间距不合适。谁能告诉我解决方案。

Below is my code snippet:
<head>
    <style type="text/css">
            .mainview{
            margin: 0;
            width: 100%;
            height: 100%;
            white-space:pre-wrap;
            overflow:scroll;
            padding-top: 5%;
            padding-bottom: 5%;
            background: url(mainview.png);
            position: relative;
        }

        .in{
            font-family: Arial;
            font-size: 18pt;
            left: 20%;
            right: 20%;
            width:60%;
            position: absolute;

        }

        .dob{
            font-family: Arial;
            font-size: 18pt;
            color: #FFFFFF;
            left: 20%;
            right: 20%;
            width:60%;
            position: absolute;

        }
    </style>
</head>
<body>
<div class="mainview" style="overflow-y: scroll;">
            <input type="text" placeholder="Firstname" class="in" />
            </br>
            <input type="text" placeholder="Lastname" class="in"/>
            </br>
            <p class="dob">DOB</p>
            </br>
            <input type="email" placeholder="Email" class="in"/>
        </div>
</body>

最佳答案

您真的要那个<p class="dob">DOB</p>吗?
如果是这样,请将文本的颜色更改为黑色。
更改dob类,如下所示:

.dob {
font-family: Arial;
font-size: 18pt;
color: #000;
left: 20%;
right: 20%;
width: 60%;
position: absolute;
-webkit-margin-before: 0px;
-webkit-margin-after: 0px;
}

10-05 20:17
查看更多