title: How to set table border less then cell height
body: <p>I want that the divider border between the table cells will be half of it's height</p>
  
  <p>see preview pic:<a href="https://i.stack.imgur.com/pNxr3.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/pNxr3.jpg" alt="enter image description here"></a></p>
  
  <p>Here is the fiddle link:</p>
  
  <p><a href="https://jsfiddle.net/s1om1fd2/embedded/result/" rel="nofollow noreferrer">Fiddle link</a></p>
  
  <pre><code>#details_gdr {
      height: 50px;
      line-height: 25px !important;
      margin-top: 3px;
  }
  
  #details_gdr tbody tr:not(:last-child) {
      height: 25px;
      border-bottom: 1px solid #D0E0EA;
  }
  
  #details_gdr tbody tr th:not(:last-child) {
      border-right: 1px solid #D0E0EA;
  }
  
  #details_gdr tbody tr th {
      width: 28px;
      text-align: center !important;
  }
  </code></pre>