Keep 100% width table's text fixed - HTML CSS CSS Widget

HTML CSS examples for CSS Widget:Table Width

  1. HOME
  2. HTML CSS
  3. CSS Widget
  4. Table Width

Description

Keep 100% width table's text fixed

Demo Code

ResultView the demo in separate window 

<html>
 <head> 
  <meta name="viewport" content="width=device-width, initial-scale=1"> 
 </head> <!--  w  w w  .  j a  v a 2  s .  c o  m-->
 <body> 
  <table cellpadding="0" cellspacing="0" border="1" width="100%" style="min-width:1400px"> 
   <tbody> 
    <tr bgcolor="silver"> 
     <td align="center" valign="middle" width="200"> <font face="Arial, Helvetica, sans-serif" size="2.5">Lorem ipsum dolo</font> </td> 
     <td align="left" width="400"> <font face="Arial, Helvetica, sans-serif" size="2.5">Lorem ipsum dolo</font> <br> <font face="Arial, Helvetica, sans-serif" size="1"> </font> </td> 
     <td align="left" valign="middle" width="300" style="border-right: 0;"> <font face="Arial, Helvetica, sans-serif" size="2.5"></font> </td> 
     <td style="border-left: 0;"> </td> 
    </tr> 
   </tbody> 
  </table>  
 </body>
</html>

Related Tutorials