center vertical and horizontal

flexbox

by David McClelland

HTML

<div id="App">
  <h1 id="js_loading">Loading</h1>
</div>

CSS

#App {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100vh;
}

#js_loading {
  display: inline-block;
}