Dear coding friends, html experts give me a good suggestion for this....

[RichKIDLK]

My friends, I need to center this items in this codes, how to do that proper way?

<!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column -->
<div class="wp-block-column"><center><!-- wp:shortcode --> [icon name="diamond" class="fa-3x"] <!-- /wp:shortcode --></center><!-- wp:heading {"textAlign":"center","level":4} -->
<h4 class="has-text-align-center">EXAMPLE TEXT</h4>
<!-- /wp:heading -->

<!-- wp:column -->
<div class="wp-block-column"><center><!-- wp:shortcode --> [icon name="address-card" class="fa-3x"] <!-- /wp:shortcode --></center><!-- wp:heading {"textAlign":"center","level":4} -->
<h4 class="has-text-align-center">EXAMPLE TEXT</h4>
<!-- /wp:heading -->

<!-- wp:column -->
<div class="wp-block-column"><center><!-- wp:shortcode --> [icon name="gift" class="fa-3x"] <!-- /wp:shortcode --></center><!-- wp:heading {"textAlign":"center","level":4} -->
<h4 class="has-text-align-center">EXAMPLE TEXT</h4>
<!-- /wp:heading -->

<p><!-- /wp:paragraph --></p>
</div>
</div>
<center>
<p>[maxbutton id="2"]</p>
</center>
<p>&nbsp;</p>

When I used <center> code in above examples to center those items yes, it do the job properly. That mean it centered the items I wanted. But it give an error in https://validator.w3.org/. I wanna fix that.

Thank you so much for help.

 

[thanhclix]

<center>
<p>[maxbutton id="2"]</p>
</center>

//

<p style="text-align: center;">[maxbutton id="2"]</p>

replace the first block with 2nd one.

 

[skule]

You should use the CSS stylesheet and then apply the classname to the div that you want to center

 

[RichKIDLK]

<center>
<p>[maxbutton id="2"]</p>
</center>

//

<p style="text-align: center;">[maxbutton id="2"]</p>

replace the first block with 2nd one.

This one worked for this code. Thank you friend. One error is gone. Now need to look for other 5.

 

[RichKIDLK]

You should use the CSS stylesheet and then apply the classname to the div that you want to center

Actually I don't have so much knowledge about that. But thank you my friend.

 

[RichKIDLK]

1 error solved thanks to @thanhclix Now need to find how to center other 5 codes.

 

[daibu]

The other ones are going to depend on what Wordpress is sticking in between the square brackets. You can try:

<div class="wp-block-column" style="text-align: center;"><!-- wp:shortcode --> [icon name="diamond" class="fa-3x"] <!-- /wp:shortcode -->

Remove the

<center>

and

</center>

and add

 style="text-align: center;"

to the surrounding div.

Do that for each centered item.

 

[codemaker]

<center> won't help, that's for sure.
I'd go with easy one - just add <span style="text-align: center;"> and end tag </span> for each of those elements (basiclly just replace <center> and </center>).