Centrar div verticalmente con altura de otro div

[Jesús Rojas]

Hola betas.

Quiero centrar verticalmente un div en base a la altura de otro div. Por ejemplo, el div que contiene las imagenes tienen una altura de 200px, entonces quiero que mi h3 esté centrado en la mitad de esos 200px,

Estoy intentado con table, pero tengo un problema con las imágenes, que no funciona el col-md-8 y tengo que poner un width de 100% para que salga, pero eso no es lo que quiero.

Espero alguien pueda ayudarme. Gracias.

Mi código:

<div class="row" >
                    <div class="col-md-4" >
                        <h3>
                            Process of searching
                        </h3
                    </div>
                    <div class="col-md-8">
                        <img src="imagen1"/>
                        <img src="imagen2"/>
                        <img src="imagen3"/>
                    </div>
</div>

Resultado final:

 

[maximusk10]

Hay un montón de hacks para realizar lo que quieres como, darle un padding-top de 100px al contenedor, y al contenido dentro del div a centrar darle un transform: translateY(-50%).

Ese es uno de varios, pero sinceramente yo recomiendo utilizar flexbox para dicha tarea.

Te dejo un ejemplo por si te es de ayuda, cualquier duda, me lo haces saber, saludos!
flex-forobeta

 

[FinerGaby]

a ver si entendi.. tu quieres como la imagen que dejaste.

Edit fiddle - JSFiddle

no se si eso..

 

[Jesús Rojas]

Hay un montón de hacks para realizar lo que quieres como, darle un padding-top de 100px al contenedor, y al contenido dentro del div a centrar darle un transform: translateY(-50%).

Ese es uno de varios, pero sinceramente yo recomiendo utilizar flexbox para dicha tarea.

Te dejo un ejemplo por si te es de ayuda, cualquier duda, me lo haces saber, saludos!
flex-forobeta

Gracias, me ayudo mejor usando el flex, creo que le da un centrado más dinámico.

Dejo el link actualizado de acuerdo a lo que quería.

flex-forobeta

 

[Ging]

Con flex-box , o con grid

 

[ditable]

con vertical-align:middle; puedes interntarlo