title: Centering An Inline-Block DIV
body: <p>Does anybody know how to center align a DIV that has the display set to inline-block?</p>
  
  <p>I cannot set the display to block because I have a background image that needs to be repeated, and it needs to expand based on the content. It sits inside of a parent div, in which is larger when it comes to width.</p>
  
  <p>So all in all. Does anyone have a fix to center align a div with the display set to inline-block? </p>
  
  <p>And no, text-align: center; does not work, nor does margin: 0 auto;</p>
  
  <p>jsFiddle:
  <a href="http://jsfiddle.net/HkvzM/" rel="noreferrer">http://jsfiddle.net/HkvzM/</a></p>
  
  <p>Thank you!</p>