HTML CSS examples for CSS Widget:Table Size
Resize table according to image
<html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style id="compiled-css" type="text/css"> .resize {<!--from ww w . j a va 2 s . c o m--> background-image:url('https://www.java2s.com/style/demo/Google-Chrome.png'); background-repeat:no-repeat; background-size:100% 351px; margin-top:81px; height:351px; } .table-container { width:91%; margin-left:auto; margin-right:auto; margin-bottom:501px; } </style> </head> <body> <div class="resize"> </div> <div class="table-container"> <h3>Lorem ipsum dolor s</h3> <table class="table table-striped table-bordered table-centered"> <tbody> <tr> <th class="description">Lorem ipsum</th> <th class="location">Lorem ip</th> </tr> <tr> <td>Lorem ipsum d</td> <td>Lorem ipsu</td> </tr> </tbody> </table> </div> </body> </html>