title: Using external .css for html styling
body: <p>I have an issue that I cannot link my external style.css to my index.html file. Both files are in exact same directory.</p>
  <p>My style.css :</p>
  <pre><code>&lt;style&gt;
  table, th, td {
    border: 1px solid black;
    border-collapse: collapse;
  }
  th, td {
    padding: 5px;
    text-align: left;    
  }
  &lt;/style&gt;
  
  
  </code></pre>
  <p>And I am trying to link it in my html as following:</p>
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html lang=&quot;en&quot;&gt;
  &lt;head&gt;
      &lt;meta charset=&quot;utf-8&quot; /&gt;
      &lt;title&gt;test&lt;/title&gt;
      &lt;link href=&quot;style.css&quot; type=&quot;text/css&quot; rel=&quot;stylesheet&quot;/&gt;
  &lt;/head&gt;
  </code></pre>
  <p>Full html script:</p>
  <pre><code>
  &lt;!DOCTYPE html&gt;
  &lt;html lang=&quot;en&quot;&gt;
  &lt;head&gt;
      &lt;meta charset=&quot;utf-8&quot; /&gt;
      &lt;title&gt;test&lt;/title&gt;
      &lt;link href=&quot;style.css&quot; type=&quot;text/css&quot; rel=&quot;stylesheet&quot;/&gt;
  &lt;/head&gt;
  
  
  
  
  &lt;br&gt;
  
  &lt;table id=&quot;t1&quot;&gt;
  &lt;caption&gt;Operation table&lt;/caption&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Operation code&lt;/th&gt;
              &lt;th&gt;To Do&lt;/th&gt;
              &lt;th&gt;Done&lt;/th&gt;
              &lt;th&gt;Left&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;abc&lt;/td&gt;
              &lt;td&gt;1000&lt;/td&gt;
              &lt;td&gt;50&lt;/td&gt;
              &lt;td&gt;
              &lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;def&lt;/td&gt;
              &lt;td&gt;555&lt;/td&gt;
              &lt;td&gt;50&lt;/td&gt;
              &lt;td id =&quot;number1&quot;&gt;  
              &lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
  &lt;/table&gt;
  &lt;p id=&quot;demo&quot;&gt;&lt;/p&gt;
  &lt;/html&gt;
  </code></pre>
  <p>All the examples that I have looked up online use exact same method.</p>
  <p>I have connected to the webserver and turned on developer mode to see if I can see anything. I have managed to spot an error:</p>
  <pre><code>Refused to apply style from '192.168.10.173:8080/style.css' because its MIME type ('text/html') is not supported stylesheet MIME type, and strict MIME checking is enabled
  </code></pre>
  <p>Still looking into why it could be caused</p>