<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="container"> <div class="row"> <h2>Create your snippet's HTML, CSS and Javascript in the editor tabs</h2> </div> </div> <br/> <table border='1' style='border-collapse:collapse; width: 50%;'> <thead> <tr style="background-color: whitesmoke;"> <th>Qty</th> <th>Description</th> </tr> </thead> <tbody> <tr> <td style="width:30%">@item.Qty</td> <td style="width:70%">@item.Description</td> </tr> <tr> <td style="width:30%">@item.Qty</td> <td style="width:70%">@item.Description</td> </tr> <tr> <td style="width:30%">@item.Qty</td> <td style="width:70%">@item.Description</td> </tr> </tbody> </table><br/>

h3 { font-size: 21px; font-weight: 700; letter-spacing: -0.015em } h4 { font-size: 19px; font-weight: 600; letter-spacing: -0.015em } p { font-size: 14px; line-height: 1.5; } td { border-left: 1px solid black; border-top: 1px solid black; } table { border-right: 1px solid black; border-bottom: 1px solid black; }