How to Justify Text in HTML on Tumblr

When it comes to designing a website or blog, justifying text is an essential aspect of creating visually appealing content. In this article, we will explore the various methods of justifying text in HTML and how you can apply them to your Tumblr blog.

First, let's start with the basics. Justification refers to the alignment of text within a container, such as a paragraph or a blockquote. There are three main types of justification: left-justified, right-justified, and justified. Left-justified text is aligned to the left margin, while right-justified text is aligned to the right margin. Justified text, on the other hand, is evenly spaced between both margins.

To justify text in HTML, you can use the `

` element with the `style` attribute. For example:

```

This text will be justified.

```

You can also use CSS to achieve justification. You can add a class to your paragraph element and then define the styling in your CSS file. For instance:

```

This text will be justified.

.justed {

text-align: justify;

}

```

In addition, you can use HTML5 semantic elements such as `

` to create a blockquote with justified text.

Another way to justify text is by using the `uk-align-left` class from the Utility component in Font Awesome. For example:
```
This text will be justified.

```
Furthermore, you can use the `font-awesome` icon font to create a vector icon that inherits size and color just like your text does. This is useful when you want to add icons to your text.

In conclusion, justifying text in HTML on Tumblr is an easy process that requires minimal coding knowledge. By using the methods outlined above, you can create visually appealing content with justified text.

How justify text in html tumblr