title: How to remove the bottom line of the tag <a>, in webforms c#
body: <p>I'm using webfroms, the problem is that I can't remove the bottom line from the a tag, I'm using text-decoration: none, but it doesn't work.</p>
  <pre><code>.item1 li{
      list-style:none;
      margin:0;
      padding:0;
       
  }
  
  .item1 li a{
      display:block;
      padding:10px;
      text-decoration:none;
      color:black;
      font-size:medium;
      text-align:justify;
  }
  
  .item1 li:hover{
      background:#555555;
      color:black;
  }
  
  </code></pre>
  <pre><code> &lt;div class=&quot;item1&quot;&gt;
      &lt;nav runat=&quot;server&quot;&gt;
       &lt;ul runat=&quot;server&quot;&gt;
          &lt;li id=&quot;liGenerarOficioSubsane&quot; runat=&quot;server&quot;&gt;&lt;a href=&quot;#&quot; runat=&quot;server&quot;&gt;Generar Oficio de Subsane&lt;/a&gt;&lt;/li&gt;
          &lt;li id=&quot;liGenerarOficioConsulta&quot; runat=&quot;server&quot;&gt;&lt;a href=&quot;#&quot; runat=&quot;server&quot;&gt;Generar Oficio de Consulta&lt;/a&gt;&lt;/li&gt;
          &lt;li id=&quot;liSegExpediente&quot; runat=&quot;server&quot;&gt;&lt;a href=&quot;#&quot; runat=&quot;server&quot;&gt;Seguimiento de expediente&lt;/a&gt;&lt;/li&gt;
          &lt;li id=&quot;liSalidasCampo&quot; runat=&quot;server&quot;&gt;&lt;a href=&quot;#&quot; runat=&quot;server&quot;&gt;Salidas al Campo&lt;/a&gt;&lt;/li&gt;
          &lt;li id=&quot;liReporteGiras&quot; runat=&quot;server&quot;&gt;&lt;a href=&quot;#&quot; runat=&quot;server&quot;&gt;Reporte de Giras&lt;/a&gt;&lt;/li&gt;
          &lt;li id=&quot;liApelacionesRevoca&quot; runat=&quot;server&quot;&gt;&lt;a href=&quot;#&quot; runat=&quot;server&quot;&gt;Registrar documentos por Apelación y-o revocatoria&lt;/a&gt;&lt;/li&gt;
         &lt;/ul&gt;
   &lt;/nav&gt;
  &lt;/div&gt;
  </code></pre>
  <p><a href="https://i.stack.imgur.com/Apamr.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Apamr.jpg" alt="I need remove buttom line of the tag " /></a></p>