FLEX-LIST_ITEM_RIGHT-ALIGN

by Akash Shah

HTML

<div class="container" id="vue-root-instance">
  <h1>Hello World....</h1>
  <ul>
    <li>Foo</li>
    <li>Bar</li>
    <li>Baz</li>
  </ul>
</div>

CSS

ul {
   display: flex;
   justify-content: flex-end;
 }
 
 ul li {
   display: list-item;
   list-style: none;
   padding: 10px;
 }