How to Align Text in HTML?

How to Center Text in HTML?

Last Updated : 06 Nov, 2024

To center text in HTML, we can use CSS text-align: center property. It aligns the text to center horizontally. The <center> tag was used in older versions to center the text horizontally, but it is depreciated in HTML 5.

Center Text using center Tag

The <center> tag is a block-level element that is used to center text horizontally within its container element.

HTML

<center>
    <h1>GeeksforGeeks</h1>
    <p>This text is centered using the &lt;center&gt; tag.</p>
</center>

Output

centerText — center tag

Note: The <center> tag is depricated from HTML 5, so we will use CSS text-align property to center the text.

Center Text using text-align Property

The text-align property is the simplest way to horizontally center the text. It is suitable for both inline and block-level elements like paragraphs (<p>), headings (<h1> to <h6>), and divs (<div>).

HTML

<div style="text-align: center;">
    <h1>GeeksforGeeks</h1>
    <p>This text is centered using text-align.</p>
</div>

Output

textAlignCenter — text-align center

Related Article: How to center text in CSS ?

How to Align Text in HTML?

M

maheshkadambala

Improve

Article Tags :

Similar Reads

How to Center Align Text in HTML?

To center text in HTML, we can use CSS text-align: center property. It aligns the text to center horizontally. The <center> tag was used in older versions to center the text horizontally, but it is depreciated in HTML 5. Center Text using center TagThe <center> tag is a block-level eleme

How to Align Text in HTML?

We can use align attribute in HTML to align text to the left, right, and center. This attribute was used in older versions of HTML but it is deprecated in HTML5. We can change the alignment of the text using the text-align property for modern and flexible text alignment. 1. Align Text using align at

How to Center Text in CSS?

Text Centering ensures that the text appears in the middle of a container or the entire page, which can create a balanced and visually appealing layout. CSS can provide multiple ways to achieve text centering, depending on the context, such as horizontally or vertically centering within the containe

How to Center Form in HTML?

In HTML, forms are typically displayed as a block element, taking up the full width of their container. While this is often desirable, there are times when you might want to center a form within its container for aesthetic or layout purposes. We will discuss different Methods to center form in HTML:

How to Center a Video in HTML ?

Centering a video in HTML enhances the user interface, offering a cleaner and more organized appearance. We can achieve this effect with two different methods, by using the Flexbox and the "style" attribute. Below are the approaches to Center a Video in HTML: Table of Content Using the FlexboxUsing

How to move a text in HTML ?

Moving text in HTML refers to changing its position within the document's layout structure. This can be achieved by adjusting HTML elements' attributes such as style or class and <marquee> tag to modify their positioning, or by dynamically manipulating the HTML structure using JavaScript. Synt

How to Wrap Text in HTML?

To wrap text in HTML, you can use the default behaviour of block-level elements like <p>, <div>, and <h1>, which automatically wrap text to fit within their parent container. For more control over text wrapping, you can use CSS properties like word-wrap, white-space, and overflow-w

How to Center an Image in HTML?

Center an image in HTML can be done with the help of <center> tag. The <center> is depreciated from HTML5, so we can use the text-align property, margin, and different ways to center an image horizontally, vertically, or both using CSS. Table of Content Horizontally Center an Image using

How to Style Text in HTML?

The HTML style attribute adds styles to an element, such as color, font, size, and more. Here, we are going to learn how to style Text in HTML. These are the following methods: Table of Content Using CSS StylesUsing Element for StylingUsing CSS StylesThe <b> tag makes text bold, while <stro

How to Change Font Size in HTML ?

To change the font size of any text we can use the CSS font-size Property, or some HTML keywords have some fixed font size but we change them by using this CSS property. We can use style attributes in the HTML. As we know, HTML has no <font> tag, so we are using CSS style to add font size. The