En este artículo, alinearemos el contenido del texto en el centro usando HTML. Usamos el atributo align=”center” para establecer el contenido del texto en el centro.
Sintaxis:
<element_name align="center"> Contents... <element_name>
El atributo align=”center” se utiliza para establecer el contenido del texto en el centro.
Ejemplo 1:
HTML
<!DOCTYPE html>
<html>
<head>
<title>
How to horizontal align text
content into center in HTML?
</title>
<style>
h1 {
color: green;
}
</style>
</head>
<body>
<h1 align="center">
GeeksforGeeks
</h1>
<h3 align="center">
How to horizontal align text
content into center in HTML?
</h3>
<p align="center">
GeeksforGeeks: A computer
science portal for geeks
</p>
</body>
</html>
Producción:
Ejemplo 2: utilice la propiedad CSS text-align=”center” para establecer el contenido del texto en el centro.
HTML
<!DOCTYPE html>
<html>
<head>
<title>
How to horizontal align text
content into center in HTML?
</title>
<style>
body {
text-align: center;
}
h1 {
color: green;
}
</style>
</head>
<body>
<h1>GeeksforGeeks</h1>
<h3>
How to horizontal align text
content into center in HTML?
</h3>
<p>
GeeksforGeeks: A computer
science portal for geeks
</p>
</body>
</html>
Producción: