Versuchen, mit Tabellenzellen in der Mitte ausrichten

Question

Ich bin neu in diesem Fall, so könnte dies wirklich dumm sein, aber hier geht.

Ich versuche, ein div auf die Mitte meiner Seite vertikal auszurichten, aber es scheint nicht zu funktionieren. Der Text wird immer in der oberen linken Ecke geladen?

/*======================================= 
 
        HOME 
 
    =======================================*/ 
 

 
#home { 
 
    height: 100%; 
 
} 
 

 
#home-cover { 
 
    height: 100%; 
 
    background-image: url("../img/bg-home.jpg"); 
 
} 
 

 
#home-content-box { 
 
    width: 100%; 
 
    height: 100%; 
 
    display: table; 
 
} 
 

 
#home-content-box-inner { 
 
    display: table-cell; 
 
    vertical-align: middle; 
 
    text-align: center; 
 
} 
 

 
#home-heading h3 { 
 
    color: #fff; 
 
    font-size: 55px; 
 
    font-weight: 700; 
 
    margin; 
 
    20px 0 20px 0; 
 
}

<!-- Home --> 
 
<section id="home"> 
 

 
    <div id="home-cover" class="bg-paralax animated fadeIn"> 
 
    <div id="home-content-box"> 
 
     <div id="home-conent-box-inner"> 
 
     <div id="home-heading" class="animated zoomIn"> 
 
      <h3>Watch Out <br> The Modern Responsive Website! 
 
      </h3> 
 
     </div> 
 
     <div id="home-btn" class="animated zoomIn"> 
 
      <a class="btn btn-lg btn-general btn-white" href="#work" role="button" title="View Our Work">View Our Work</a> 
 
     </div> 
 
     </div> 
 
    </div> 
 
    </div> 
 
</section>

Answer 1

Sie dritte div class ist nicht korrekt "home-conent-box-Innen" "anstelle von Home-Inhalt-box-Innen"