html - How do you get a table to be 100% height of the window -


i need help,

the problem having table not conform 100% height of window. how can html coding below amended accommodate change?

<table style="width: 100%; height: 100%; border: solid 1px black;">     <tr>         <td style="text-align: center; vertical-align: middle; padding: 5px; position: relative;">             <p style="display: inline-block; width:100%; background: #ccc; vertical-align: middle;">                 title text            </p>         </td>     </tr> </table> 

enter image description here

expected outcome is:

enter image description here

you can change height:100%; height:100vh; check out example


Comments

Popular posts from this blog

shopping cart - Page redirect not working PHP -

php - How to modify a menu to show sub-menus -

python - Installing PyDev in eclipse is failed -