Pre with scrollbars

by Girisha Chennura

HTML

<!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="utf-8">
        <link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.1.0/css/bootstrap-combined.min.css" rel="stylesheet">
        </head>
    <body>
<pre>Loaded plugins: fastestmirror
Loading mirror speeds from cached hostfile
 * base: mirrors.arpnetworks.com
 * centosplus: mirrors.arpnetworks.com
 * extras: mirrors.arpnetworks.com
 * rpmforge: mirror.hmc.edu
 * updates: mirrors.arpnetworks.com
Excluding Packages in global exclude list
Finished
Setting up Update Process
Resolving Dependencies
--> Running transaction check
---> Package ipsec-tools.x86_64 0:0.6.5-14.el5_8.5 set to be updated
---> Package libxslt.x86_64 0:1.1.17-4.el5_8.3 set to be updated
--> Finished Dependency Resolution

Dependencies Resolved

================================================================================
 Package            Arch          Version                  Repository      Size
================================================================================
Updating:
 ipsec-tools        x86_64        0.6.5-14.el5_8.5         updates        399 k
 libxslt            x86_64        1.1.17-4.el5_8.3         updates        424 k

Transaction Summary
================================================================================
Install       0 Package(s)
Upgrade       2 Package(s)

Total download size: 823 k
Downloading Packages:
--------------------------------------------------------------------------------
Total                                           1.5 MB/s | 823 kB     00:00     
Running rpm_check_debug
Running Transaction Test
Finished Transaction Test
Transaction Test Succeeded
Running Transaction

  Updating       : libxslt                                                  1/4 

  Updating       : ipsec-tools                                              2/4 

  Cleanup        : libxslt                                                  3/4 

  Cleanup        : ipsec-tools                    ...

CSS

/* horizontal scrollbar */
pre {
    width: auto;
    max-width: 500px;
    overflow: auto;
    overflow-x: none;
    background-color: #eeeeee;
    word-break: normal !important;
    word-wrap: normal !important;
    white-space: pre !important;
}

/* vertical scrollbar
pre {
    height: auto;
    max-height: 200px;
    overflow: auto;
    overflow-y: none;
    background-color: #eeeeee;
}
*/