css - How to properly position an HTML elelment (a divider line) in between elements of a table -

Is it possible to put an HTML element between table headers and table rows?

Something like this I have the code:

   Value 1 & lt; / Td> & Lt; Td> Price 2 & lt; / Td> & Lt; Td> Value 3 & lt; / Td> & Lt; / TR & gt; & Lt; / Table & gt;  

My current method of obtaining this is putting divider line divisions after the table and it is using position based on the location of the table between the elements. But if the height of the changes in the table headers or body, my position may not appear in the middle of the relative line header and body so far.

What is the best way to insert this divider line, so that it always be between table headers and body?

Thank you very much for your time tell me if you need more information or I am unclear.

You do not need additional markup, just use CSS to put a line in your table:

  th (Border Bottom: 2px Solid # 848484;} Table {Border-Fall: Remove space between / * cells * /}  

< Pre class = "snippet-code-html lang-html prettyprint-override"> table style = "width <1001 "> gt; & lt; tr & gt; & gt; header> header 1 & lt; th & gt; header 2 & lt; / th & gt; Lt; th & gt; Header 3 & lt; / th> & lt; / tr & gt; & lt; tr & gt; & lt; td & gt; Value 1 & lt; / td & gt; & Lt ; Td> value 2 Standard 3 & lt; / TR & gt; & lt; / table & gt;