…

、、、 、、 、、 これらは、テキストを両端揃えし、段落を揃えるためのいくつかの要素です。 Web ページ内のドキュメントの重要な部分を

を使用して説明すると、つまり、テキスト値を両端揃えで配置するコードです。 HTML

、

の厳密なバージョンを使用する要素とタグ属性が非推奨になる場合があります。タグは、Web ページの HTML ドキュメントで使用するグループと見出し要素の最初のセットです。

HTML の代わりに XHTML を使用する場合、XHTML は暫定的な dtd にすぎません。

、

、

…

などのタグの値として「justify」を使用することはできません。厳密な dtd では、あらゆる状況で HTML の位置合わせが許可されません。厳密な dtd ドキュメントで justify タグを使用すると、見落としによるエラーが表示されます。これは、バリデーターが align=” justify” コードがエラーであったように値を整列することを意味します。これを両端揃えに使用する場合、余白の両側を両端揃えにすることを意味します。

HTML コードで align=” justify” を使用すると、すべてのブラウザで広くサポートされますが、Opera、IE4、その他のブラウザなどの一部のバージョンでは、Netscape で「unjustified」エラー (左揃え) のようなエラーが表示されます。 。段落タグ

は、配置に関するスタイルシートルールを適用しません。

We will use some CSS options properties like float,inline-block, font styles, positions of the images, breadth, width, and height of the images; similarly, navigation options will do some alignments for the menus in the document; the above all options will use the HTML with CSS options same like justifying options in the document. Suppose we use IE Explorer for running an HTML web page. In that case, it has some nonstandard CSS properties that may affect some methods of justification, like example, “just-textify,” if we use IE version earlier, like 5.5 or later, it also recognizes the properties like text-align-last, it will show the horizontal alignment of the web page.

Examples of HTML Justify Text

We will see some examples of understanding the basics in the HTML justify part.

Example #1

Code:

<p align="justify">Welcome To My Domain.</p>
<p><b>Welcome</b>Users</p>

Output:

Example #2

Code:

<style>
div {
color: green;
border: 3px blue;
}
h1  {
color: initial;
}
</style>


<div>
<p align="justify">Welcome To My Domain.</p>
<p><b>Welcome</b>Users</p>
</div>

Output:

Example #3

Code:

<style>
div {
color: green;
border: 3px blue;
}
h1  {
color: initial;
}
</style>


<div>
<img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/172543951033739.png" class="lazy" align="right" alt="HTML テキストの両端揃え"   style="max-width:90%">
<p>Welcome To My Domain.</p>
<p><b>Welcome</b>Users</p>
</div>

Output:

The above three examples will show the justify options in HTML in different ways. The first example will point out the basic notification for using justify option in the document; the second example will use the CSS style for the document will be more attractive from the user’s perspective. The final example will use the jpg image on the right side of the web page; if we declare justify, it will show the image in the default view.

Conclusion

Applying the options in a document, like a web page, will show good quality based on the user requirement, including justification, page breaks, etc. Justification might take some small pieces of text or values presented creatively or primarily for the web page. We should check several validations and conditions to apply and display browser compatibility mode.