How to set Heading alignment in HTML? (2024)

HTML Web Development Front End Technology

'; var adpushup = adpushup || {}; adpushup.que = adpushup.que || []; adpushup.que.push(function() { adpushup.triggerAd(ad_id); });

Headings are the titles or subtitles of the content that you want to display on the web page. Headings help us to get an idea of the content on the web page. Headings and subheadings represent the key concepts ideas and supporting ideas in the content of the web page. HTML have a different level of heading tags.

Heading is defined with <h1> to <h6> tags. It is important to use headings to show the HTML document structure. <h1> headings should be used for main headings, followed by <h2> headings, then <h3>, and so on up to <h6>.

Syntax

Following is the syntax for the heading alignment in HTML.

<h1 align="left | right | center | justify">

Example

Following is the example program for the heading alignment in the center.

<!DOCTYPE html><html><body> <h1 align="center">Tutorials point </h1></body></html>

Heading alignment to left

We can align the heading to left by using the below syntax.

Syntax

Following is the syntax for the heading alignment on left.

<h1 align="left">The text…</h1>

Example

Following is the example program for the heading alignment on left.

<!DOCTYPE html><html><body> <h1 align="left">Tutorials point</h1></body></html>

Heading alignment to left

We can align the heading to right by using the below syntax.

Syntax

Following is the syntax for the heading alignment on right in HTML.

<h1 align="right">The text…</h1>

Example

Following is the example program for the heading alignment on right.

<!DOCTYPE html><html><body> <h1 align="right">Tutorials point</h1></body></html>

Heading alignment to justify

We can align the heading to justify by using the below syntax.

Syntax

Following is the syntax for the heading alignment in justify in HTML.

<h1 align="justify">The text…</h1>

Example

Following is the example program for the heading alignment in justify.

<!DOCTYPE html><html><body> <h1 align="justify">Tutorials point</h1></body></html>

Lokesh Badavath

Updated on: 02-Sep-2023

46K+ Views

Kickstart Your Career

Get certified by completing the course

Get Started

Advertisem*nts

';adpushup.triggerAd(ad_id); });