Issue with flex and html


I have on HTML code with two sentences
that I am trying with a flex box to have one sentence on the left of the div and the other on the right side.


My CSS code is
.zd-faith {
padding: 5px 0;
background: #384b86;
color: #fff;
border-bottom: 3px solid #1d2748

                      display: flex;
          justify-content: space-around

        background: tomato;

         text-align: center;




                 background: green;

My HTML code is

part 1part 2

The two sentences that I am trying to lay out correctly is “part 1” and “part 2”.

Currently they are one next to the other.
What am I doing wrong?


why not using CSS grids instead? flex is pretty old and limited.

1 Like

Thank you for your help,
I was able to solve the issue I was missing a ;
in the border-bottom.