Tengo un título y un div horizontalmente, lo que estoy tratando de hacer es centrar el div con el título correspondiente.

ingrese la descripción de la imagen aquí

Como se puede ver en la imagen, no se puede centrar correctamente.

Este es mi código:

 <h1 id='<?= str_replace(" ", "", $data->title); ?>'><?= $data->title; ?></h1> <?= $data->text; ?> <div class="flexbox"> <div class="contenido-flex"> <blockquote> <p><?= $data->title; ?></p> </blockquote> <pre class="is-paddingless" id="a<?= esc($data->id); ?>"><code class="<?= strtolower($data->tip); ?>"> <?php if ($data->fdc== "JSON") : ?> <?= json_decode($data->cod); ?> <?php else : ?> <?= $data->cod; ?> <?php endif; ?> </code></pre> </div> </div> .flexbox { /* */ height: 100vh; } .contenido-flex { margin-top: -700px; }