CSS: Center block, but align contents to the left

Question

I want a whole block to be centered in its parent, but I want the contents of the block to be left aligned.

Examples serve best

On this page :

http

Answer 1

I've found the easiest way to centre and left-align text inside a container is the following:

HTML:

  
Some interesting text.

CSS:

P {
  width: 50%; //or whatever looks best
  margin: auto; //top and bottom margin can be added for aesthetic effect
}

Hope this is what you were looking for as it took me quite a bit of searching just to figure out this pretty basic solution.