Here is a working example:
http://www.imaputz.com/cssStuff/bigFourVersion.html
You have to add the display:block to the thead > tr and tbody
More Related Contents:
- How to make moving CSS objects like this?
- Custom bullet symbol for elements in that is a regular character, and not an image
- What makes the text on a element vertically centered?
- Is it possible to always show up/down arrows for input “number”?
- what does -webkit-transform: translate3d(0,0,0); exactly do? Apply to body?
- Place a button right aligned
- How can I make the contents of a fixed element scrollable only when it exceeds the height of the viewport?
- Why use definition lists (DL,DD,DT) tags for HTML forms instead of tables?
- Hide element, but show CSS generated content
- How can change width of dropdown list?
- BEM block, naming & nesting
- Splitting a table cell into two columns in HTML
- Convert Uppercase Letter to Lowercase and First Uppercase in Sentence using CSS
- How to make a fixed column in CSS using CSS Grid Layout?
- Is there a way to tell an html element to ignore any stylesheets?
- number input – always show spin buttons
- CSS: align two element, to the left and right in the same line WHITHOUT floats
- How to hover only the current li in nested ul?
- Put fixed text on an input text box
- CSS float-right not working in Bootstrap 4 Navbar [duplicate]
- How to center image in a div horizontally and vertically
- How to center the element – what to use instead of align:center attribute?
- How to style the browser’s autocomplete dropdown box?
- how to call browser based css?
- How can I position an icon over an image or video?
- Why is there space between line boxes, not due to half leading?
- CSS changes are not getting reflected. Why? [closed]
- 2 colors in one placeholder of input field
- overflow-y:visible not working when overflow-x:hidden is present [duplicate]
- Flex elements ignore percent padding in Firefox