Is there a way to make the background color of the Reset Password section span the full width of the outer div and header section?
html:
<div class="forgot-inner">
<!--Forgot-header-->
<div class="forgot-header">
<div class="header">
<span>Reset Password</p>
</div>
</div>
</div>
css:
.forgot-inner {
max-width: 331px;
margin: 39px auto;
padding: 13px 24px;
background: #fff;
text-align: center;
border: 1px solid #aaa;
border-radius: 4px;
box-shadow: 2px 11px 31px 2px rgba(0,0,0,0.2);
}
.forgot-inner .forgot-header .header{
border-bottom:1px solid #aaa;
text-align:left;
background-color:#edefed;
width:100% !important;
font-size: 14px;
font-weight: bold;
}