WordPress html css センタリング

Question

<div class="widget widget_wp_widget_vkexunit_pr_blocks" id="wp_widget_vkexunit_pr_blocks-3">
<article class="veu_prBlocks prBlocks row">
<div class="prBlock col-sm-4">
<div class="prBlock_image" style="background:url(https://bee-ken.com/wp-content/uploads/2019/10/苗名滝-1.jpg) no-repeat 50% center;background-size: cover;"><img src="https://bee-ken.com/wp-content/uploads/2019/10/苗名滝-1.jpg" alt="苗名滝"></div><!--//.prBlock_image --><h1 class="prBlock_title">サービス紹介</h1>
<p class="prBlock_summary">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</p>
</div>
<!--//.prBlock -->
<div class="prBlock col-sm-4">
<div class="prBlock_image" style="background:url(https://bee-ken.com/wp-content/uploads/2019/10/火打山-1.jpg) no-repeat 50% center;background-size: cover;"><img src="https://bee-ken.com/wp-content/uploads/2019/10/火打山-1.jpg" alt="火打山"></div><!--//.prBlock_image --><h1 class="prBlock_title">会社案内</h1>
<p class="prBlock_summary">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</p>
</div>
<!--//.prBlock -->
</article></div>

wp_widget_vkexunit_pr_blocks-3　の中の　prBlock col-sm-4
をセンター寄せしたいです。

#wp_widget_vkexunit_pr_blocks-3{
  margin:0 auto;
}

を試しましたができません。
どのようにしたらセンター寄せできるか教えていただけますか。

Comments

[退会済みユーザー]

class名・id名が長いと混乱しますよ。
もっと短く且つ分かりやすいものを推奨します。

Answer 1

PRブロックは2個であるとの前提

@media screen and (min-width:576px) { 
  .wp-block-vk-blocks-pr-blocks .vk_prBlocks_item:first-child {
    margin-left: calc(100%/6);
  }
  .wp-block-vk-blocks-pr-blocks .vk_prBlocks_item:last-child {
    margin-right: calc(100%/6);
  }
}

Answer 2

CSSが不十分だから何とも言えないけど

text-align: center

は？
あとは、1番最後の部分にCSSがしっかり書かれているかご確認ください。