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; }Podrías usar elementos de alineación: centro; Aquí hay un ejemplo:
.flexbox { background: red; height: 100vh; display: flex; align-items: center; align-content: center; } .contenido-flex { background: green; } <h1 id='123'>MyTitle</h1> <div class="flexbox"> <div class="contenido-flex"> <blockquote> <p>Title</p> </blockquote> <pre class="is-paddingless" id="a-11>"><code class="123"> Some Data </code></pre> </div> </div>