CSS Flexbox Generator

  • direction of content flow

  • controls how wrapping works

  • align along the content flow ( main direction )

  • vertical align within a line ( cross direction )

  • vertical align within container

  • 1

    2

    3

    4

    5

    6

    7

    8

    9

    10

    Generated CSS