title: The "text-align: center" isn't working in a span element
body: <p>I haven't done HTML and CSS for a while so I may be forgetting something, but for some reason a "style" tag with the "text-align" property set isn't working even in the simplest context. I'm about to show you the whole, entire file that I have but my problem is only in the two comments I have. Don't worry about the other stuff; it's for a little passion project I'm working on. </p>
  
  <p>So here is the whole file. I have a lot of stuff in it that isn't relevant nor important; just focus on the code in the two comments.</p>
  
  <pre><code>&lt;!doctype html&gt;
  &lt;html&gt;
  &lt;head&gt;
  &lt;meta charset="utf-8"/&gt;
  &lt;title&gt;JSON Generator&lt;/title&gt;
  &lt;link rel="stylesheet" href="web_mod.css"&gt;&lt;/link&gt;
  &lt;/head&gt;
  &lt;body bgColor="#E3E3E3"&gt;
  &lt;!--Start here--&gt;
  &lt;span style="text-align: center"&gt;Coded by AnnualMelons&lt;/span&gt;&lt;br&gt;
  &lt;!--Finish here--&gt;
  &lt;span style="color: red; background-color: #2CE65A"&gt;Use this generator to generate the code required to create a JSON message.&lt;br&gt;
  Fill in the blanks to generate the code. The generator will guide you through it as you go along. Have fun!&lt;/span&gt;
  &lt;script&gt;
  
  &lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>The "Coded by AnnualMelons" part is supposed to be in the center but it's not. At least for me it's not.</p>
  
  <p>I know that the other part of the file isn't relevant but I figured I might as well show you as it may be an external problem.</p>
  
  <p>I'm sure I'm just making a silly mistake because I haven't done this for a while, but it's not working... so yeah. I'm using Firefox as my web browser in case that helps.</p>
  
  <p>Thanks!</p>