如何在wordpress站点上居中放置3个服务盒

<div style="text-align: center;">
  <div style="display: inline-block; margin: 0 10px;">
    <div style="text-align: center;">
      <img src="图标1的URL" alt="图标1">
      <h3>服务1标题</h3>
      <p>服务1描述</p>
    </div>
  </div>
  <div style="display: inline-block; margin: 0 10px;">
    <div style="text-align: center;">
      <img src="图标2的URL" alt="图标2">
      <h3>服务2标题</h3>
      <p>服务2描述</p>
    </div>
  </div>
  <div style="display: inline-block; margin: 0 10px;">
    <div style="text-align: center;">
      <img src="图标3的URL" alt="图标3">
      <h3>服务3标题</h3>
      <p>服务3描述</p>
    </div>
  </div>
</div>