HTML table with horizontal scrolling (first column corrected)


I have been trying to think of a way to make a table with a fixed first column (and the rest of the table with a horizontal overflow) I saw a post which had a similar question. but the fixed column bit did not seem to be resolved. Help?

I have a similar table styled like so:

<table style="width:100%; table-layout:fixed">
        <td style="width: 150px">Hello, World!</td>
                <pre style="margin:0; overflow:scroll">My preformatted content</pre>