CSS如何巧妙实现标题居中、关闭按钮居右效果？Hyperf Swagger 如何使用？

Question

比方说这个，父盒子有左右 padding，中间是标题，右边是关闭按钮。

有不通过定位的方式，巧妙实现么？

根据 https://hyperf.wiki/3.1/#/zh-cn/swagger?id=hyperf-swagger 官方文档安装配置，但是文档太简单了，出了问题不知道怎么排查，网络文章写的也让人摸不着头脑，不知道别人的json 是怎么生成的。

swagger.php 配置

return [
  'enable' => true,
  'port' => 9500,
  'json_dir' => BASE_PATH . '/storage/swagger',
  'html' => null,
  'url' => '/swagger',
  'auto_generate' => true,
  'scan' => [
    'paths' => null,
  ],
  'processors' => [
    // users can append their own processors here
  ],
  'server' => [
    'http' => [
      'servers' => [
        [
          'url' => 'http://127.0.0.1:9501',
          'description' => 'Test Server',
        ],
      ],
      'info' => [
        'title' => 'Sample API',
        'description' => 'This is a sample API using OpenAPI 3.0 specification',
        'version' => '1.0.0',
      ],
    ],
  ],
];

controller 文件配置

#[SA\HyperfServer('http')]
class IndexController extends AbstractController
{
    #[SA\Post(path: '/test', summary: 'POST 表单示例', tags: ['Api/Test'])]
    #[SA\Response(response: 200, description: '返回值的描述')]
    public function index()
    {        
    }

以上配置 使用命令 php bin/hyperf.php gen:swagger ，提示 Generate swagger json success. 但是并没有生成文件

请问我的配置是哪里有问题？