En este artículo, alinearemos el contenido del texto en el centro usando JavaScript. Usamos la propiedad textAlign de estilo HTML DOM para establecer la alineación del texto.
Sintaxis:
object.style.textAlign = "center"
La sintaxis anterior establece la alineación del texto en el centro dinámicamente.
Ejemplo:
HTML
<!DOCTYPE html>
<html>
<head>
<title>
How to align text content into
center using JavaScript ?
</title>
</head>
<body>
<h1 style="color: green;">GeeksforGeeks</h1>
<h3>
How to align text content into
center using JavaScript ?
</h3>
<p id="content">
GeeksforGeeks: A computer
science portal for geeks
</p>
<button onclick="myFunction();">
Set Alignment
</button>
<script type="text/javascript">
function myFunction() {
let txt = document.getElementById("content");
txt.style.textAlign = "center";
}
</script>
</body>
</html>
Producción:
Antes de hacer clic en el botón:
Después de hacer clic en el botón:
Navegadores compatibles:
- Google Chrome
- explorador de Internet
- Mozilla Firefox
- Ópera
- Safari