Aligning a block with html div and style?-CodePudding

I am pretty new to the fronted and I am experiencing some trouble to center a block in the footer of a Wordpress website.

Here is my code:

<div align="center style="display:flex;justify-content:center;flex-direction:column;">

Unfortunately the block still stays in the left of the footer.

CodePudding user response：

your block left cause you must position flex items horizontally in the same direction as text

<div style="display:flex;flex-direction:row;justify-content:center;">

CodePudding user response：

You can go with grid system

<div class="row">
   <div class="col-md-6 offset-md-3">Column-Center</div>
</div>