title: align a div in a footer to the other div
body: <p>I'm stuck with this its the problem</p>
  
  <pre><code>&lt;div id="example1"&gt;
      &lt;div id="example2"&gt; &lt;/div&gt;
      &lt;div id="example3"&gt; &lt;/div&gt;
  &lt;/div&gt; 
  </code></pre>
  
  <p>I need to align the div with id <code>example3</code> under example 2 and if it's possible just in the footer and center of the div with id <code>example1</code>. how can i do it?? i have days trying and more close it's like this.</p>
  
  <p><strong>CSS</strong></p>
  
  <pre><code>#example3{
  margin-left:auto;
  margin-right:auto;
  margin:0;
  height:80px;
  position:absolute;
  top:170px;
  }
  
  
  #example2{
  height:153px;
  width:305px;
  float:left;
  background:url(Logo.png);
  }
  </code></pre>
  
  <p>thanks for your help</p>