Right-align elements on multiple rows

Question

I want to align the li elements to the right side of the div. I am able to do this by floating the ul to the right.

However, I have a lot

Answer 1

How about a simple text-align: right?

.row {
  display: flex;
}

.col-1 {
  flex: 1;
  border: 1px solid red;
}

.col-2 {
  flex: 1;
  border: 1px solid blue;
}

ul#menu {
  text-align: right;
  margin: 0;
  padding: 0;  
}

ul#menu li {
  display: inline;
}

  
Lorem ipsum dolor sit amet
  

    

      
menu 01
      
menu 02
      
menu 03
      
menu 04
      
menu 05
      
menu 06
      
menu 07
      
menu 08