How can
be centered and justified?

Question

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! :(

You appear to be using a paragraph as a headline. Use a headline (h1-h6) element instead. — cimmanon, Jul 09 '13 at 14:39

score 1 · Answer 1 · answered Jul 09 '13 at 14:06

1

see this one DEMO

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

answered Jul 09 '13 at 14:06

Ganesh Rengarajan

2,006
13
26

score 0 · Accepted Answer · answered Jul 09 '13 at 14:35

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.

score 0 · Answer 3 · answered Jul 09 '13 at 15:06

So after searching an hour I got a simple solution. I was after the p to get in centered of the div and get it justified. All of you thanks for your answers!

Here's the solution: Fiddle.

.major_data .about p:nth-child(2){
    text-align: justify;
    width: 80%;
    margin: 0 auto;
    margin-bottom: 20px;
}

We just need some width set the margin: 0 auto; and get the p into the center of the div.

How can be centered and justified?

3 Answers3

How can
be centered and justified?