How can <p> be centered and justified?

I have a simple p but I am not able to justify it. I centered it but don't know how to justify?

HTML:

<p>This is about meThis is about meThis is about meThis is about meThis is about meThis is about meThis is about meThis is about meThis is about meThis is about me</p>

CSS:

p{
    text-align: justify;
    margin: 0 auto;
}

Fiddle.

I checked out this post but it didn't helped! :(

Solution

Mohammed,

It looks like your last CSS, you have the text-align set to 'center'. If you are looking to have it full justified, you want it to look like this:

.major_data .about p:nth-child(2){
    text-align: justify;
}

Basically, the available options for text-align are:

Left
Right
Center
Justify

Center is what you were using before, which is why your text was centered. Justify is the equivalent "full" in Word or something, which I believe is what you are looking for.