Here’s the HTML: http://jsfiddle.net/jC8DL/1/

I have a table html like the following:

I am trying to display a table inline within a p element. The result should look similar to this:

I would like my table to fulfill these properties:

When I set HTML table header height 200px, it’s not repeated on every page while printing it. Same behavior is observed on Chrome and Edge.

I have the following HTML table. As you can see I have two columns that have a colspan attribute. I want the td’s inside those to have thinner borders, so that users can more clearly see « real » column switching. I can’t seem to achieve that with simple HTML/CSS, I tried giving a class to the associated th elements and fiddle int the CSS but with no success. So my questions are :

Closed 1 min ago.

I have a couple of tables in a web page. One requires to have borders, and another will be aesthetically better without borders.

I am using border-collapse: separate property to add spacing between table rows, and I would like to remove the spacing above the very first table row. What’s the best way to do that?

I have a problem with creating UI of below screen.