How to Center Form 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 Center Form in HTML?

M

maheshkadambala

Improve

Article Tags :

Similar Reads

How to Create Table in HTML?

HTML tables are used for organizing and displaying data in a structured format on web pages. Tables are commonly used for product information, presenting data analytics, or designing a pricing comparison chart. Elements of HTML TableTable ElementsDescription<table>The <table> element def

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 Align Text in HTML?

In earlier versions of HTML, the align attribute was commonly used to align text to the left, right, or center. However, this attribute is now deprecated in HTML5 and should no longer be used in modern web development. Instead, text alignment is handled more effectively using CSS with the text-align

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.Synta

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?

To Center an image in HTML is a common task in web design, and there are several modern ways to do it using CSS. While the old <center> tag was once popular, it's now deprecated in HTML5. Today, nearly 80% of websites use CSS techniques like text-align, margin: auto, or flexbox to center image

How to define important text using HTML5 ?

In this article, we define an important text by using the <strong> tag in HTML. It is the parsed tag and used to show the importance of the text. It reflects the text as bold. Syntax: <strong> Contents... </strong> Example 1: html <!DOCTYPE html> <html> <head>

How to Center the Text in Bootstrap ?

To center text in Bootstrap, you can use the class "text-center" on the parent element of the text you want to center. This class aligns the text horizontally in the center of its container, providing a simple and effective way to achieve centered text styling within Bootstrap layouts. Table of Cont