How to create table in legend with overflow-x

Question

can someone tell me how can I create a table in a legend that creates a scrollbar if it is larger than the div in which it is located.

<div style="width:700px;"> <h1>wefwfwfwef</h1> <fieldset> <div style="width:700px;"> <label>sdfsdfsdj dfsdfsdfsdj sdfsdfsdfsdfsdj sdfsdfsdfsdfsdj sdfsdf</label> <table style="background-color:white;color:black;"> <!-- This table should only be 700 px width... without width definition (because its display:block)--> <tr> <td>ehehef<td> <td>ehehef<td> <td>ehehef<td> <td>ehehef<td> <td>ehehef<td> <td>ehehef<td> <td>ehehef<td> <td>ehehef<td> <td>ehehef<td> <td>ehehef<td> <td>ehehef<td> <td>ehehef<td> <td>ehehef<td> <td>ehehef<td> <td>ehehef<td> <td>ehehef<td> <td>ehehef<td> <td>ehehef<td> <td>ehehef<td> <td>ehehef<td> <td>ehehef<td> <td>ehehef<td> <td>ehehef<td> <td>ehehef<td> <td>ehehef<td> <td>ehehef<td> <td>ehehef<td> <td>ehehef<td> <td>ehehef<td> <td>ehehef<td> <td>ehehef<td> <td>ehehef<td> <td>ehehef<td> <td>ehehef<td> <td>ehehef<td> </tr> </table> </div> </fieldset> <div style="width: 100%;background-color:black;overflow-x:auto;"> <table style="background-color:white;color:black;display:block"> <tr> <td>ehehef<td> <td>ehehef<td> <td>ehehef<td> <td>ehehef<td> <td>ehehef<td> <td>ehehef<td> <td>ehehef<td> <td>ehehef<td> <td>ehehef<td> <td>ehehef<td> <td>ehehef<td> <td>ehehef<td> <td>ehehef<td> <td>ehehef<td> <td>ehehef<td> <td>ehehef<td> <td>ehehef<td> <td>ehehef<td> <td>ehehef<td> <td>ehehef<td> <td>ehehef<td> <td>ehehef<td> <td>ehehef<td> <td>ehehef<td> <td>ehehef<td> <td>ehehef<td> <td>ehehef<td> <td>ehehef<td> <td>ehehef<td> <td>ehehef<td> <td>ehehef<td> <td>ehehef<td> <td>ehehef<td> <td>ehehef<td> <td>ehehef<td> </tr> </table> <div> </div> 

Answer 1

Something like that? http://jsbin.com/ubomo4

If so, just add overflow-x:scroll; in css properties div under fieldset .