Question

I’m guessing there’s a basic error in here, but I don’t understand why my bottom positioning is being overridden. .link is outside of the body.

body {
  font-family: Century Gothic, Arial;
  background-color: #836FFF; 
  margin: 0 auto;
  text-align: center;
}

.header {
  margin: 0 auto;
  width: 910px;
  background-color: #6A5ACD;
  font-size: 60px;
  color: #473C8B;
}

.t1 {
  margin: 20px auto 0px auto; 
  padding: 10px;
  font-size: 16px; 
  font-weight: bold; 
  color: #473C8B; 
  text-align: center;
  padding-top: 20px;
}

.link {
  position:absolute;
  bottom:5px;
  left:5px;
}

Answer 1

If your link is absolutely positioned it should be within a wrapper that is position:relative. Then set your wrappers size and padding. And the .link will be positioned within the wrapper absolutely. So bottom left 5 based on the wrappers position. If you want it at the very bottom do bottom 0 left or right 0