title: How do I align an inner div in an outer div properly by CSS
body: <p>I have a footer div which is a simple div it has a fixed height and with (and it has a background picture which is why this is necessary).</p>
  
  <p>I want it to contain an other smaller div, but all the text, and tiny icons in it should be aligned to the middle of the footer div.
  Also I want the smaller div to be located in the bottom of the footer div.</p>
  
  <p>Like when you select horizontal: center, vertical: bottom in cell alignment in excel.</p>
  
  <p>What would be the ideal solution for this? I'm not good with css.
  Javascript is out of the question.</p>