title: Horizontally center <p> within a div while keeping the text left-aligned
body: <p>I have multiple divs with a fixed width containing <code>&lt;p&gt;</code> tags which contain various lengths of text.</p>
  
  <p>I want this text to remain left-aligned but if the text does not take up as much space as the div width, I would like to align this text centrally.</p>
  
  <p>I assume the best way of achieving this would be to horizontally center the <code>&lt;p&gt;</code> within the div while keeping the text left-aligned but I'm not sure how to do this.</p>
  
  <p>I have tried setting <code>margin:0 auto;</code>but the <code>&lt;p&gt;</code> always resizes to the width of the div (unless I tell it otherwise, but I don't want to do this because if the text runs for longer than the div I don't want to break it early...)</p>
  
  <p>I've set up a JSfiddle here to demonstrate: <a href="http://jsfiddle.net/VDhUa/">http://jsfiddle.net/VDhUa/</a></p>
  
  <p>(Basically in this example I would like to "Lorem ipsum..." stuff to be centrally aligned without using <code>text-align:center;</code>)</p>
  
  <p>Any Help would be greatly appreciated.</p>
  
  <p>Thank you!</p>