Question

How do I align text to the left on a div that is centered on the screen ?

Answer 1

Use margin: auto to center the div, and text-align: left to align the text:

HTML:

<div class='example'>Hi!</div>

CSS:

.example {
    margin: 0 auto;
    width: 100px;
    text-align: left;
    border: 1px solid red;
}

Working example: http://jsfiddle.net/RichieHindle/4XHDt/1/

Note that the text-align: left isn’t necessary in this example because left-alignment is the default. You only need it if the alignment has been set to something other than left by a parent element.