html - tbody border not showing -


why doesn't border show around tbody in following? tried rules="groups" , border appears, between 2 tbody sections , collapsed.

<!doctype html public "-//w3c//dtd html 4.01//en" "http://www.w3.org/tr/html4/strict.dtd"> <html>   <head>     <meta http-equiv="content-type" content="text/html; charset="utf-8">      <title>test</title>     <style type="text/css">       table.sectioned tbody {         border: 2px solid black;         border-collapse: separate;         border-spacing: 4px; }     </style>   </head>   <body>     <table class="sectioned">       <tbody>         <tr><td colspan="2"><b>general data</b></td></tr>         <tr><td>tail number</td><td>n0809021</td></tr>         <tr><td>type of ownership</td><td>personal</td></tr>         <tr><td>type of aircraft</td><td>aircraft under 13,000 pounds</td></tr>         <tr><td>year of manufacture</td><td>1999</td></tr>         <tr><td>use of aircraft</td><td>private</td></tr>         <tr><td>start date</td><td></td></tr>         <tr><td>policy length</td><td>6 months</td></tr>       </tbody>       <tbody>         <tr><td colspan="2"><b>additional aircraft information</b></td></tr>         <tr><td>manufacturer</td><td></td></tr>         <tr><td>model</td><td></td></tr>         <tr><td>engine make</td><td></td></tr>         <tr><td>number of seats</td><td></td></tr>       </tbody>     </table>   </body> </html> 

add display:block tbody style. try this

tbody{     display:block;     border: 2px solid black;     border-collapse: separate;     border-spacing: 4px;  } 

you can test out on fiddle


Comments

Popular posts from this blog

c# - How Configure Devart dotConnect for SQLite Code First? -

java - Copying object fields -

c++ - Clear the memory after returning a vector in a function -