Search code examples
javascripthtmlalignment

How do I center align text using JavaScript?

This code works fine, but i want to center align the Welcome, '+name so that it displays at the top center. Here is what i have so far:

<meta name="viewport" content="width=device-width">
<title>prompt demo</title>
</head>
<body>
<h1 id='demo'> </h1>
<script>
  var name=prompt('Please enter your name.')
  document.getElementById("demo").innerHTML='Welcome, '+name
</script>```
Solution 

  • <meta name="viewport" content="width=device-width">
<title>prompt demo</title>
</head>
<body>
<h1 id='demo'> </h1>
<script>
  var name=prompt('Please enter your name.')
  var h1Element = document.getElementById("demo");
  h1Element.innerHTML='Welcome, '+name;
  h1Element.style.textAlign = "center"
</script>