How do I justify the main body text of my blog?

I have attempted to justify the main body text of my blog post. Perhaps I have used the wrong code, or maybe I have used it in the wrong place.I used this code: .Main-content p { text-align: justify; text-justify: inter-word !important;

In my design css. Help please!!

@criss1000 Please provide template name or site url.

Hi, Thanks for answering.

https://lovethesimplethings.squarespace.com

template: Tudor

@criss1000

.main-content article p {
   text-align: justify;
   text-justify: inter-word;
}

Reference: https://beaverhero.com/tudor-squarespace/

@tuanphan I did add this very same code to the custom css and it didn't work.

@criss1000 The code I sent didn't work?

.Main-content ## .main-content

@thanphan hi, not it didn't work. I tried to place the code in the custom css first, but it dint work, so I tried on the Post Blog Item Code Injection, but it didn't have an effect.

@criss1000 Can you take screenshot after inserting code?

Looks good here, Screenshot: https://prnt.sc/oqk2f5

@tuanphan

Hi! I would need help with this same question with a 7.1 site.

This is the page (I share the direct link to a post):

https://burgundy-tuba-6pfs.squarespace.com/blog/elegir-el-mejor-juguete-en-5-tips-estimula-o-perjudica/?password=demo

Thank you!

I think I did it. I have put this, if it helps:

.blog-item-content p {
   text-align: justify;
   text-justify: inter-word;
}