Mat-Nav-List horizontal instead of vertical?

Question

How do I make the following horizontal instead of the (apparent default) of vertical? It is located within navigation.component.html within my Angular 5.2.7 application that wa

Answer 1

I was able to create a horizontal mat-nav-list by using some custom scss. I attach it using the class list-horizontal.

  ...

Here's the scss I used for list-horizontal:

mat-nav-list.list-horizontal {
  padding: 0;
  .mat-list-item {
    display: inline-block;
    height: auto;
    width: auto;
  }
}

Here's a Stackblitz to show it working with Angular Material 7.