How to Justify Text!!!

  • 2
  • Idea
  • Updated 7 years ago
Something you might not know which is good information... I personall prefer to justify my text (both sides are equal)... however, you don't see this option available on the text tool bar. If you open the html for the text... the html is on the text tool bar... at the beginning of each line you would like to justify it will say your current alignment "center", "left", or "right" .. change it to "justify" and it'll justify your text for you... note to employees: you should add a button to justify in the tool bar.
Photo of Donald


  • 2991 Posts
  • 37 Reply Likes

Posted 11 years ago

  • 2
Photo of ron7684


  • 1 Post
  • 1 Reply Like
justified text isn't well suited to screen viewing and should be avoided on websites.

Likely why Yola did, and still does, leave the button out of the bar
Photo of grazia


  • 19 Posts
  • 1 Reply Like
i would like to justify text?!
Photo of Laura Thomas

Laura Thomas

  • 4536 Posts
  • 211 Reply Likes
That is not advisable for websites, please refer to the link posted above.
Photo of grazia


  • 19 Posts
  • 1 Reply Like
May you please explain me how to justify the texts?Thank you!
Photo of markallenhays


  • 24 Posts
  • 4 Reply Likes
Dear Grazia:

As Laura noted, website text is rarely evenly justified -- like text columns in a magazine. If you want to justiy your text blocks, however, you can use the CSS "text-align" property, which is compatible with most Web browsers. Here are two good references:

Complete explanation:

Live example:

The CSS text-align property should be set as a custom style in your site's CSS -- which will allow you to easily use and change it on every page. This is one of the key advantages of the Yola SiteBuilder system -- Yola gives you complete access to your site's CSS, if you have a 'Silver' or 'Gold' level subscription. If you are not famiiliar with how CSS works, the website has a great tutorial with lots of interactive examples.

That said, you can also use CSS properties as tags within your HTML. This is not the 'orthodox' approach, and is definitely a bad idea if your site has many pages, but can be quick and easy with smaller sites.

Here is an example of the HTML for a paragraph with justified text:

<!-- (This is a comment tag, so the browser will not try to process and apply the CSS style properties shown below. Just copy the text between the comment tags.)

<p style="text-align:justify">Here is some justified text with balanced spacing across the entire line -- similar to magazine column layouts. Justification is typically not used on Web sites, but is available if you would like to add this style to your site. The text-align property can be added to your CSS styles, or used in-line as shown here.</p>

--> (This is the end of the comment tag.)

Here is another example, with additional CSS text style properties used inline:

<!-- (Comment tag start.)

<p style="Font-Size:18pt; Font-Family:Calibri; Color:#025788; Text-Indent:0.2in; Line-Height:85%; Text-Align:Justify">Here is some justified text with balanced spacing across the entire line -- similar to magazine column layouts. A number of related CSS text tags have also been added in-line, to select the font family, font size, color, tight line height and leading indent.</p>

--> (Comment tag end.)

You can experiment and test your HTML and inline CSS with this helpful tool:

I hope this is helpful!

Mark Hays