How to center-justify a multi-line text block that is centered in div using flex?

I'm new to flex. Here is what I'm trying to use so far?

.communityPromo{
  width:100%;
  max-width: none !important;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;    // center text block
  align-content:center;

This centers the text block in the div, but the text block remains left-justified.
}
dlearman1Asked:
Who is Participating?
 
Julian HansenConnect With a Mentor Commented:
Add text-align: center to the <p>
communityPromo  > p{
  max-width:50rem;
  text-align: center;
}

Open in new window

justify-content is about how to arrange space around the child elements.
0
 
Julian HansenCommented:
Can you show us more of your code - the style is not enough to replicate the problem.
0
 
dlearman1Author Commented:
0
 
dlearman1Author Commented:
Thanks Julian... that worked great
0
 
Julian HansenCommented:
You are welcome.
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.