title: applying css to javascript document.writeln ( )
body: <pre><code>var width = prompt("How many x's would you like in the bottom row? 1-100 is good)", "50")
  var a_line= "";
  var loop = 0;
  
  while (loop &lt; width) {
      a_line = a_line + "x";
      loop = loop + 1;
      document.writeln(a_line + "&lt;br&gt;");
  }
  </code></pre>
  
  <p>This makes 1 x print on the first line 2 x's on the 2nd line and so on up to the number of x's the user gives.</p>
  
  <p>How do I apply styling to the result of <code>document.writeln(a_line + "&lt;br&gt;")</code>? i.e centering each line.</p>