我有一个问题:我需要从表格顶部缩进到“注册”。但是当我宣布
padding-top: 75px;
在p.header
,此属性应用于整个表单。
顺便说一下,这在这里的代码段中正常工作。
.main__form{
height: 729px;
width: 516px;
background: #FFFFFF;
box-shadow: 0px 4px 20px rgba(40, 40, 40, 0.2);
border-radius: 4px;
}
.form__wraper{
max-width: 420px;
margin: 0 auto;
}
.input__section{
display: flex;
flex-wrap: wrap;
flex-direction: column;
flex-grow: 1;
}
input{
border: 1px solid #EDEEF0;
border-radius: 2px;
width: 420px;
height: 56px;
margin-bottom: 32px;
}
p.header{
font-family: Roboto;
font-style: normal;
font-weight: 500;
font-size: 32px;
line-height: 40px;
letter-spacing: 0.01em;
color: #282828;
padding-top: 76px;
margin-bottom: 14px;
}
<form class="main__form">
<div class="form__wraper">
<p class="header">
Sign up
</p>
<div class="input__section">
<input type="text" placeholder="Name*">
<input type="text" placeholder="E-mail*">
<input type="text" placeholder="Password*">
</div>
</div>
</form>