I have this in my style sheet to create a download “button”:

Code:

/* Style buttons */
.dload {
  background-color: #007e43;
  border: none;
  color: white;
  padding: 16px 32px;
  cursor: pointer;
  font-size: 18px;
  font-weight: 900;
  margin-top: 48px;
  margin-bottom: 48px;
  text-align: center;
}

/* Darker background on mouse-over */
.dload:hover {
  background-color: #7cc68d;
  color: #007e43;
}

It looks almost right except that the browser is ignoring the margin-top, margin-bottom, and text align (which I was trying to use to center the button) tags. I’ve looked at all kinds of CSS tutorial sites and can’t figure out what I’m doing wrong; it looks right. Anyone have any idea?