При добавлении padding-right
к первому тегу p
, появляется лишний padding-right
у второго тега p
. В чем проблема?
HTML
<div id="hdr_login">
<p>ALREADY USER? <span style="color:#b85474;">LOGIN</span></p>
<p>SIGN UP</p>
</div>
CSS
#hdr_login {
float: right;
}
#hdr_login p {
outline:1px solid black;
color:#3a5878;
margin:0;
}
#hdr_login p:first-child {
padding-right: 18px;
}
#hdr_login p:last-child {
background: #ca748f;
padding:14px 54px;
margin-top:15px;
}