title: how to make the text in the middle
body: <p>i have following code i want the text in the div to come in the middle .
  i know this is very easy question but i am getting problem in these type of questins please suggest me the what can i do to solve these kind of problems in future.</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
    &lt;style&gt;
  .transition-msg {
  background-color:#000000;
  font-size:20px;
  height:624px;
  color:#fff;
  margin:0 auto;
  position:absolute;
  text-align:center;
  top:6%;
  width:1014px;
  }
  &lt;/style&gt;
    &lt;script src="http://code.jquery.com/jquery-latest.min.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;div style="display: block;" class="transition-msg" id="transition-msg"&gt;Entering rahuls Gib&lt;/div&gt;
  
  &lt;script&gt;
  
  &lt;/script&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>