Question

I have some text that I want simultaneously centered on the page and the text within the paragraph to be adjusted to the left? A little help?

this is what I’ve been trying

      <p align="center"><div align="left>text<br>more text</p></div>

obviously not working this just shifts everything left

Answer 1

What the troubling part (although IE is always different) is that in order for an item to be centered the horizontal margins need to be set to auto (allowing the browser to actually center the content). So, with that being said:

p.centered {
    margin: 0px auto;
    width: 300px;
    border: 1px solid #f0f;
}

<p class="centered">This is your paragraph</p>

The width is your call (and I’ve added a border for clarity) but just set the side margin to auto and the content will be left-aligned (unless otherwise specified by text-align).