Playit

CSS Property:

flex-direction:

row

row-reverse

column

column-reverse

initial

Note: Internet Explorer 10 and earlier versions do not support the flex-direction property.

Result:

A

B

C

D

E

F

CSS Code:

#main {
  display: flex;
  flex-direction: row;
}

Click the property values above to see the result

W3Schools.com - Play it