creating a linux terminal css style pre tag for showcasing unix commands : What I am trying to do is create a pre tag that will look like a bash terminal  - black background and white letter, mono spaced font.  

    <pre class="bash">
    -bash-3.2$ groups 
    unixuser feegroup figroup fogroup fumgroup
    </pre>
I can't believe that I am like the only person to try and do this on the interwebs. 

    pre.bash {
    background-color: black;
    color: white;
    font-size: medium ; 
    font-family: Consolas,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New, monospace;
    display: inline; 
    }

I suppose if I were better at HTML CSS I could show you the result in this page - but if you run it you will see that the background color only extend the length of the content in the <pre> tag. So this does not look like a bash terminal. I need a box which will be a long as the longest line in the <pre> content.   