title: How to center align a child div inside a parent div with css?
body: <p>i am new to html and css and i couldn't figure out how to center align child div inside parent div.This is my code please answer and solve my problem.</p>
  
  <p><strong>CSS</strong></p>
  
  <pre><code>.page {
  position:relative;
  width:1220px;
  height:670px;
  background-image:url('/Users/raghunath/Documents/raghu personel/page07.png');
  }
  
  .window {
  float:center;
  width:367px;
  height:202px;
  background-color:#c6c6c6;
  margin-left:auto;
  margin-right:auto;
  }
  
  * {
  padding:0px;
  margin:0px;
  }
  </code></pre>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;div class="page"&gt;
  &lt;div class="window"&gt;&lt;!--  i want to center align this div inside above div  --&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>