title: Styling Issue: text-decoration none is not working
body: <p>So I am trying to create a footer and I have a couple of links featured however the default text-decoration on the links is weirdly not responding to text-decoration none. All the other text-decoration options are working except the text-decoration none. I have even tried making changes to the bootstrap.min.css file as I saw it suggested as a solution however it hasn't worked.</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>.custom-footer{
    background-color: tomato;
  }
   
  .list-items{
    list-style: none;
    margin: 0;
    padding: 0;
    
  }
  
  .company-item{
    text-decoration: none;
    color: inherit;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;footer&gt;
       &lt;div class="container-fluid custom-footer"&gt;
         &lt;div class="row footer-logo"&gt;
           &lt;div class="col"&gt;&lt;img src="/images/Logo_White.png" alt="" width="150px"&gt;
           &lt;/div&gt;
         &lt;/div&gt;
         &lt;div class="row"&gt;
           &lt;div class=" col footer-column px-4"&gt;
             &lt;h6&gt;Company&lt;/h6&gt;
             &lt;ul class="list-items"&gt;
               &lt;li class="company-item"&gt;&lt;a href=""&gt;Become a rider&lt;/a&gt;&lt;/li&gt;
               &lt;li class="company-item"&gt;&lt;a href=""&gt;Our Story&lt;/a&gt;&lt;/li&gt;
               &lt;li class="company-item"&gt;&lt;a href=""&gt;Our Team&lt;/a&gt;&lt;/li&gt;
               &lt;li class="company-item"&gt;&lt;a href=""&gt;Contacts&lt;/a&gt;&lt;/li&gt;
               &lt;li class="company-item"&gt;&lt;a href=""&gt;Partners&lt;/a&gt;&lt;/li&gt;
             &lt;/ul&gt;
           &lt;/div&gt;
           &lt;div class="col footer-column"&gt;
            &lt;h6&gt;Product&lt;/h6&gt;
            &lt;ul class="list-items"&gt;
              &lt;li class="product-item"&gt;&lt;a href=""&gt;Ride safely&lt;/a&gt;&lt;/li&gt;
              &lt;li class="product-item"&gt;&lt;a href=""&gt;How it works&lt;/a&gt;&lt;/li&gt;
              &lt;li class="product-item"&gt;&lt;a href=""&gt;testimonials&lt;/a&gt;&lt;/li&gt;
            &lt;/ul&gt;
           &lt;/div&gt;
           &lt;div class="col footer-column contacts"&gt;
            &lt;p&gt;+254 111 220 055&lt;/p&gt;
            &lt;p&gt;info@tissboda.com&lt;/p&gt;
            &lt;p&gt;Nairobi, Kenya&lt;/p&gt;
           &lt;/div&gt;
         &lt;/div&gt;
         &lt;div class="row"&gt;
           &lt;div class="col px-4"&gt;
             &lt;ul class="list-items"&gt;
               &lt;li class="social-icons"&gt;&lt;a href=""&gt;&lt;i class="fab fa-facebook-square"&gt;&lt;/i&gt;&lt;/a&gt;&lt;/i&gt;&lt;/li&gt;
               &lt;li class="social-icons"&gt;&lt;a href=""&gt;&lt;i class="fab fa-twitter-square"&gt;&lt;/i&gt;&lt;/a&gt;&lt;/i&gt;&lt;/li&gt;
               &lt;li class="social-icons"&gt;&lt;a href=""&gt;&lt;i class="fab fa-instagram-square"&gt;&lt;/i&gt;&lt;/a&gt;&lt;/i&gt;&lt;/li&gt;
  
             &lt;/ul&gt;
           &lt;/div&gt;
           &lt;div class="col"&gt;&lt;/div&gt;
           &lt;div class="col"&gt;
             &lt;img src="/images/google-play-badge.png" alt="" width="150px"&gt;
           &lt;/div&gt;
  
         &lt;/div&gt;
         &lt;div class="row"&gt;
          &lt;div class="col px-4"&gt;
            &lt;p&gt;©2021 TissBoda. All Rights Reserved&lt;/p&gt;
          &lt;/div&gt;
          &lt;div class="col"&gt;&lt;/div&gt;
          &lt;div class="col d-flex"&gt;
            &lt;ul class="list-items"&gt;
              &lt;li class="legal-link"&gt;&lt;a href=""&gt;Privacy&lt;/a&gt;&lt;/li&gt;
              &lt;li class="legal-link"&gt;&lt;a href=""&gt;Terms&lt;/a&gt;&lt;/li&gt;
            &lt;/ul&gt;
          &lt;/div&gt;
         &lt;/div&gt;
       &lt;/div&gt;
     &lt;/footer&gt;</code></pre>
  </div>
  </div>
  </p>
  <p>'none' option.</p>