title: How to remove horizontal lines in a table in html?
body: <p>I want to remove horizontal lines from my HTML table</p>
  
  <p>I have tried using CSS like <code>border-bottom</code> and border-top and set the value to 0  but that didn't change; whereas <code>border-right</code> and <code>border-left</code> working perfectly.</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>tr {
    border-bottom: 0;
    /* border-bottom:none; */
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;table style="border:1px solid black;"&gt;
    &lt;tr&gt;
      &lt;td style="padding:0px 15px 0px 65px;"&gt;&lt;strong&gt;Type&lt;/strong&gt;&lt;/td&gt;
      &lt;td style="padding:0px 15px 0px 20px; "&gt;&lt;strong&gt;Quantitiy&lt;/strong&gt;&lt;/td&gt;
      &lt;td style="padding:0px 15px 0px 0px;"&gt;&lt;strong&gt;price&lt;/strong&gt;&lt;/td&gt;
      &lt;td style="padding:0px 15px 0px 0px;"&gt;&lt;strong&gt;total price&lt;/strong&gt;&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr class="type"&gt;
      &lt;td style="padding:5px 15px 0px 65px;"&gt;{{type}}&lt;/td&gt;
      &lt;td style="padding:5px 15px 0px 20px;"&gt;{{meters}}&lt;/td&gt;
      &lt;td style="padding:5px 15px 0px 0px;"&gt;{{price}}&lt;/td&gt;
      &lt;td style="padding:5px 15px 0px opx;"&gt;{{price_total}}&lt;/td&gt;
    &lt;/tr&gt;
  &lt;/table&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>I want to remove those horizontal lines using CSS like <code>border-bottom</code> but failed. </p>
  
  <p>i have just added psuedo code 
  this is how actually my table looks like 
  <a href="https://i.stack.imgur.com/r4BEX.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/r4BEX.png" alt="enter image description here"></a></p>
  
  <p>i want to remove those horiazontal line from cloth,shirt,pants straight away to the bottom for all the columns as well</p>