-1

I'm creating a simple footer and want all of the text in it to be vertically centered. I tried several things but none of this worked:

footer {
    height: 50px;
    width: 100%;
    bottom: 0;
    position: fixed;
    background-color: lightgray;
    flex: display;
    flex-direction: column;
    justify-content: center;
    justify-items: center;
    align-items: center;
    align-content: center;
    text-align: center;
    color: blue;
}

The horizontal centering works great. What am I doing wrong with the vertical centering?

RobertW
  • 226
  • 1
  • 2
  • 10

1 Answers1

-1

You have flex: display; it should be display: flex;

When you make this adjustment, you will see it works to your request.

Dexterians
  • 1,011
  • 1
  • 5
  • 12