技术求助：如何实现文本居中？操作过程遇困难

你的JS代码是把结果文本插入到id为demo的元素里，要让这段文本居中，直接用CSS控制这个元素就行，给你几种简单的实现方式：

• 内联样式直接加在元素上：
  如果你用<div id="demo"></div>这类标签承载文本，直接给它加样式：

  <div id="demo" style="text-align: center;"></div>
  

• 用内部样式表统一控制：
  在HTML的<head>里加一段CSS，所有id为demo的元素都会生效：

  <head>
    <style>
      #demo {
        text-align: center;
      }
    </style>
  </head>
  

• 如果需要块级元素整体居中：
  要是你不仅想让文本居中，还想让demo这个块元素在页面里水平居中，可以再加宽度和margin属性：

  #demo {
    width: 300px; /* 给元素设置合适宽度 */
    margin: 0 auto;
    text-align: center;
  }
  

注意：你的JS代码本身不需要改动，只需要调整承载文本的demo元素的样式，就能实现文本居中效果。

内容的提问来源于stack exchange，提问作者Lance Santiago