title: (HTML/CSS) How to align a text to middle of center (in both x and y axis)?
body: <p>Welcome!
  I got a bit problem while building my first website project.
  I have two container(container1,container2(used for two background-image horizontally)).
  Now, I want to align the text(h1 element) to the middle of container1 both x and y axis.I want to do it two times(container1 | container2). Finally, I draw an ascii art from it. :)</p>
  
  <p><code>***** container1 ***** ****** container2 *****
  *                     * *                     *
  *   &lt;h1 element 1&gt;    * *   &lt;h1 element 2&gt;    *
  *                     * *                     *
  *********************** ***********************</code></p>
  
  <p>Thank you for help and please,ignore this bad grammar.</p>