center
1
2
3
<--add a display and justify-content class to body tag-->
+ <body class="display justify-content">
<div class="v-d-flex v-justify-center" >
<div>
1
</div>
<div>
2
</div>
<div>
3
</div>
</div>
justify-center version
space-evenly
1
2
1
<--add a display and justify-content class to body tag-->
+ <body class="display justify-content">
<div class="v-d-flex v-justify-evenly" >
<div>
1
</div>
<div>
2
</div>
<div>
3
</div>
</div>
justify-evenly version
start
1
2
3
<--add a display and justify-content class to body tag-->
+ <body class="display justify-content">
<div class="v-d-flex v-justify-start" >
<div>
1
</div>
<div>
2
</div>
<div>
3
</div>
</div>
justify-start version
flex-end
1
2
3
<--add a display and justify-content class to body tag-->
+ <body class="display justify-content">
<div class="v-d-flex v-justify-flex-end" >
<div>
1
</div>
<div>
2
</div>
<div>
3
</div>
</div>
justify-flex-end version