title: how can set a div center of other div with CSS?
body: <p>for example i designed a div for border style and i designed another div to center of that , how can i set it to center of larger div?</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>.Profile_Photo_Border {
       border: 3px solid #052d31;
       height: 90px;
       width: 90px;
       border-radius: 3px;
      }
      .Profile_Photo {
       background-color:#005e67;
       height: 80px;
       width: 80px;
       border-radius: 3px;
       alignment-adjust:middle;
       text-align:center;
      }
   </code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>    &lt;div class="Profile_Photo_Border"&gt;
        &lt;div class="Profile_Photo"&gt;&lt;/div&gt;
      &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>