bwclovis Thanks for the reply! So you're saying div.reset-button expects its content to have font 40px, but since its content for some reason actually has font size around 14px it makes up for that by adding blank vertical space?
Furthermore, do you say the font should be 40px because that's what's set for class score-board?
.score-board {
border: 3px solid white;
border-radius: 4px;
text-align: center;
width: 200px;
margin: 20px auto;
font-size: 40px;
padding: 15px 20px;
position: relative;
}
Well, the only place where I set any font size to 14px is in the badge class, but I don't think that would affect the button, would it?
.badge {
background: #E1574F;
font-size: 14px;
padding: 2px 10px;
}
Also, out of curiosity, how were you able to gauge the font size as 14(ish)?
Finally, I used div because I wanted to have the button on a separate line. But I guess I could just get rid of div and rely solely on display: block to achieve that.