html flexbox how to separate evenly code example

Example 1: css flex center

display: flex;
align-items: center;
justify-content: center;

Example 2: space between flexbox

justify-content: space-between;