title: Why isn't my padding working? (HTML & CSS)
body: <p>On my website, I have created a sidebar. However, I want a padding of 40px between the content in the sidebar and the border of the sidebar. I have tried this but for some reason, it didn't work. What's going on?</p>
  
  <p>My code:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>.sidebar {
    padding: "40px 40px 40px 40px";
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div id="sidebar"&gt;
      &lt;form id="signUp" name="signUp"&gt;
          &lt;p&gt;
              &lt;b&gt;Hey!&lt;/b&gt; Want to post comments and receive cool information about me? If You Do, Sign Up Now! :D&lt;br&gt;
              &lt;br&gt;
              Nickname: &lt;input id="nickname" placeholder="Nickname" required="" type="text"&gt;&lt;br&gt;
              Email Address: &lt;input id="email" maxlength="254" placeholder="Email Address" required="" type="text"&gt;&lt;br&gt;
              Password: &lt;input id="password" placeholder="Password" required="" type="password"&gt;&lt;br&gt;
              &lt;input onclick="confirmAccount" type="button" value="Submit"&gt;
          &lt;/p&gt;
      &lt;/form&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>