6 ways to Justify_Content with CSS

 Justify Content types With CSS

We can justify content in 6 ways with CSS. That can make our content atractive and beautifull.

Justify content with CSS

1- Flex-start:

        iN this way we can justify content to the left side. Like our all entries will be on left side. As shown in the image.

2- Flex-end:

        iN this way we can justify content to the right side. Like our all entries will be on right side. As shown in the image.

3- Center:

        iN this way we can justify content to the center. Like our all entries will be in center. As shown  in the image. 

Digital Clock Project with Html, Css and Javascript (Part 1)
Digital Clock Project with Html, Css and Javascript (Part 2)
Digital Clock Project with Html, Css and Javascript (Part 3)

4- Space Between:

        iN this way content expand in whole line verticaly with the equal space between all elements but not space on starting and ending point. As shown  in the image.

5- Space Around:

        iN this way content expand in whole line verticaly with the equal space between all elements and half of that space on starting and ending point. As shown  in the image.

6- Space Evenly:

        iN this way content expand in whole line verticaly with the equal space between all elements and also same spacing on starting and ending point. As shown  in the image.

In Next of our Post examples will also be given.

So, that is alright, for Now we will meet in our next post.

Please comment if there is any mistake, suggestion or your remarks about the post.

Thanks!

Regards: MikhAEl S