Using Flexbox, how can you align elements to right?

First you need to define a flex container. You do it by setting a CSS property display to value flex.

The default item flow orientation is horizontal so this is good for our case and we don't need to change it.

To align the item right, we will set a CSS property justify-content to value flex-end.

CSS

div {
  display: flex;
  justify-content: flex-end;
}