Random extra space at end of horizontally scrollable table - HTML CSS CSS Widget

HTML CSS examples for CSS Widget:Table Row

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

Description

Random extra space at end of horizontally scrollable table

Demo Code

ResultView the demo in separate window 

<html>
 <head> 
  <meta name="viewport" content="width=device-width, initial-scale=1"> 
  <style id="compiled-css" type="text/css">
.highlight pre {<!--from   w  w w . ja  va 2  s .  c om-->
   color:Chartreuse;
   overflow-x:auto;
}

.highlighttable .linenos {
   background-color:yellow;
   padding:0 6px;
}

.highlighttable .code {
   background:blue;
}

.highlighttable {
   border-radius:6px;
   overflow-x:auto;
   display:block;
   border-collapse:collapse;
   border-spacing:0;
}
</style> 
 </head> 
 <body> 
  <table class="highlighttable"> 
   <tbody> 
    <tr> 
     <td class="linenos"> 
      <div class="linenodiv"> 
       <pre>Lor</pre> 
      </div> </td> 
     <td class="code"> 
      <div class="highlight"> 
       <pre>Lorem ipsum dolo<span class="s">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi ullamcorper molestie lacus sed fermentum. Aliquam erat volutpat. Vesti</span>
                     </pre> 
      </div> </td> 
    </tr> 
   </tbody> 
  </table>  
 </body>
</html>

Related Tutorials