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

you have to float each list item

in css file put:

.mat-list-item {
  float: right;
}

in html file put your code:

    
    
        Home
    
    
        About
    
    
        Contact Us