title: <link rel="stylesheet" type="text/css" href="{% static 'css/style.css' %}"> doesn't work
body: <p>I link css to html on vs-code. center-aliend doesn't work here. Is there anyone who knows what part is wrong?
  I want to set the text 'Hello Static!!' to the center of the browser.</p>
  <p>&lt;home.html&gt;</p>
  <pre><code>{% load static %}
  
  &lt;!DOCTYPE html&gt;
  &lt;html lang=&quot;en&quot;&gt;
  &lt;head&gt;
      &lt;meta charset=&quot;UTF-8&quot;&gt;
      
      &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0&quot;&gt;
      &lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;{% static 'css/style.css' %}&quot;&gt;
      &lt;title&gt;Static Practice&lt;/title&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;div&gt;Hello Static!!&lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  <p>&lt;style.css&gt;</p>
  <pre><code>body {
      text-align: center;
  }
  </code></pre>
  <p>&lt;static_ex / settings.py&gt;</p>
  <pre><code>
  
  # Static files (CSS, JavaScript, Images)
  # https://docs.djangoproject.com/en/3.1/howto/static-files/
  
  STATIC_URL = '/static/'
  
  STATICFILES_DIRS = [
      BASE_DIR / 'static'
  ]
  </code></pre>
  <p><img src="https://i.stack.imgur.com/wsLsE.png" alt="Browser output" /></p>