How to align text in html

align text in html

align text in html: HTML (Hypertext Markup Language) is a markup language used to create web pages. One of the essential aspects of web design is text alignment. In this article, we will discuss how to align text in HTML.

There are several ways to align text in HTML, including using HTML tags and CSS styles.

Aligning Text with HTML Tags

HTML provides several tags for aligning text. These include the following:

<center> tag: This tag is used to center align text on a web page. For example, to center align a paragraph, you would use the following code:

php

Copy code

<center>

  <p>This is a centered paragraph.</p>

</center>

<div> tag: This tag is used to create a block-level container that can be used to align text horizontally and vertically. For example, to center align a div, you would use the following code:

css

Copy code

<div style=”text-align: center;”>

  <p>This is a centered paragraph inside a div.</p>

</div>

<p> tag: This tag is used to create a paragraph of text. You can align text within a paragraph using the text-align property in CSS. For example, to center align a paragraph, you would use the following code:

css

Copy code

<p style=”text-align: center;”>This is a centered paragraph.</p>

Aligning Text with CSS Styles

CSS (Cascading Style Sheets) is a stylesheet language used to define the presentation of a web page. CSS provides several properties for aligning text. These include the following:

text-align property: This property is used to align text horizontally. For example, to center align a paragraph, you would use the following CSS code:

css

Copy code

p {

  text-align: center;

}

vertical-align property: This property is used to align text vertically. For example, to center align text within a div, you would use the following CSS code:

css

Copy code

div {

  display: flex;

  justify-content: center;

  align-items: center;

}

In conclusion, aligning text in HTML is an essential aspect of web design. There are several ways to align text in HTML, including using HTML tags and CSS styles. By using the correct alignment techniques, you can make your web page more visually appealing and easier to read.