title: How can I remove padding property from an element? (CSS)
body: <pre><code>   &lt;th style="padding-left:40px;" id="lbl_vehicleType"&gt; 
       &lt;h5&gt; Vehicle Type &lt;/h5&gt;
    &lt;/th&gt; 
  </code></pre>
  
  <p>How can I remove the <code>padding-left</code> with media query I tried using this approach.</p>
  
  <pre><code>    @media only screen and (max-width: 480px){
          #drp_per_page2{
              color:red;
          }
  
          #lbl_vehicleType{
              padding-left: 0;
          }
      }
  </code></pre>
  
  <p>I tried to change the color of the dropdown to see if it works.
      It did although the <code>padding-left</code> did not.
      I even tried making it <code>padding-left: -40px;</code> Still it didn't work.</p>