<div>
Can you show us more of your code - the style is not enough to replicate the problem.
</div>


Can you show us more of your code - the style is not enough to replicate the problem.

<div>
LVL 50<br />
<br />
Please go to <a href="http://jsfiddle.net/midnightCabbie/ap27t1be/" rel="ugc">http://jsfiddle.net/midnightCabbie/ap27t1be/</a>
</div>


LVL 50

Please go to http://jsfiddle.net/midnightCabbie/ap27t1be/ [http://jsfiddle.net/midnightCabbie/ap27t1be/]

<div>
Thanks Julian... that worked great
</div>


<div>
<div class="content wysiwyg-content">
I'm new to flex. Here is what I'm trying to use so far?<br />
<br />
.communityPromo{<br />
&nbsp; width:100%;<br />
&nbsp; max-width: none !important;<br />
&nbsp; display: flex;<br />
&nbsp; flex-flow: row wrap;<br />
&nbsp; justify-content: center; &nbsp; &nbsp;// center text block<br />
&nbsp; align-content:center;<br />
<br />
This centers the text block in the div, but the text block remains left-justified.<br />
}
</div>
</div>


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.
}

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

Cascading Style Sheets (CSS) is a language used for describing the look and formatting of a document written in a markup language. Usually used to change web pages and user interfaces written in HTML, it can also be applied to any kind of XML document. CSS is designed primarily to distinguish the content of a document from its presentation.