Müssen Div innerhalb Eltern vertikal zentrieren, während alle Flüssigkeiten div

Question

Ich habe ein Problem, ein Div mit Text vertikal darin, während alles fließend zu zentrieren. Die Textbereiche haben neben ihnen Fotos, die die Größe des Containers nach Größe des Browsers ändern. Ich brauche den Text, um in seinem Container zentriert zu bleiben, wenn der Abschnitt schrumpft. Jeder Rat wäre großartig!

Die Abschnitte, mit denen ich Hilfe benötige, sind wie folgt eingerichtet, und der Text in den Informationen muss vertikal zentriert sein.

<section class="section"> 
    <div class="row"> 
     <div class="col-md-7 info-outer"> 
     <div class="info"> 
      <h3>Lorem ipsum dolor sit amet</h3> 
      <p>Fusce tristique sem sem, nec hendrerit tellus tincidunt mollis. Sed dui risus, fringilla eu congue vitae, tempus sed erat. Cras et molestie ligula. Fusce molestie eros ac enim imperdiet, sit amet gravida mauris fermentum. Sed rutrum eros 
      sed elit ultricies, consectetur tincidunt lorem aliquet. </p> 
     </div> 
     </div> 
     <div class="col-md-5 photo"> 
     <img src="css/images/3.jpg" /> 
     </div> 
    </div> 
    <!-- /.row --> 
    </section> 
    <!-- /.section --> 

Answer 1

Wenn Sie dies zu .floor-plan-info hinzufügen, wird der Inhalt vertikal ausgerichtet. (Abgehend Ihre JS Geige)

position: relative; top: 50%; transform: translateY(-50%);

Diese Methode normalerweise ziemlich zuverlässig ist Inhalt für vertikal ausgerichtet werden.