title: How to add padding to placeholder text
body: <p>The following code shows placeholder text on a button, but there is more space (leading) above the top of placeholder text than below.  I want equal spacing above and below, so I tried padding-bottom but that didn’t change the space below the placeholder text.  </p>
  
  <pre><code>&lt;div class="signin_text EMail_Pwd_Signin"&gt;
  &lt;input type="text" class="signup_join" autofocus="autofocus" placeholder="Your email address" id="email_field" name="email_field" style="width:75%;" required&gt;
  &lt;/div&gt;
  
  .signup_join{
      border-radius: 15px;
      border-style: ridge;
      border-color: rgb(250,250,250);
      border-width: 1px;
      background-color: black;
      height: 45px;
      width: 100%;
      text-align: center;
      font-family: robotoregular;
      font-size: 18pt;
      font-weight: bold;
      color: rgb(150,150,150);
      padding-bottom: 15px;
      letter-spacing: 2px; }
  </code></pre>
  
  <p>How can I add padding below placeholder text in a button if it’s not padding-bottom?  </p>