title: give a div with "text-align: center" a "text-align: left" for wrapped contents only
body: <p>Using CSS or JQuery (CSS preferred),</p>
  
  <p>Is it possible to take a div (of 100% width), with its contents centered, and align any contents that wrap to the left?</p>
  
  <p>Imagine a set of icons centered on your browser. If you reduce the width of your browser, instead of having wrapped icons displaying in the center of the second line, I would like them to align left.</p>
  
  <p>I have tried searching here before posting, but couldn't find anything that exactly matches my question. </p>
  
  <p><strong>Update:</strong></p>
  
  <p>@Explosion Pills solved it, but here is an updated JSFiddle that addresses browsers other than IE and Chrome by adding <code>word-wrap: pre-wrap;</code> to the outer <code>div</code>: <a href="http://jsfiddle.net/etY4r/2/" rel="nofollow">http://jsfiddle.net/etY4r/2/</a></p>