Beginner html ques :: How to get horizontal scroll bars to appear? they just won't..the data in the td tag is moving on to the next line

Question

I want the text to appear in one single line..td actually contains text and drop down list controls...Also its a table within another td tag

I have tried changing everything..alignment, width..what not

but the text moves to the next line instead of appearing on the same line..I want the horizontal bars to appear..what value should I give to the width attribute of table ?

hope the question isnt confusing :/

Answer 1

Try applying this class to td:

.scroll{
  overflow:auto;
  overflow-x:scroll;
}

<td class="scroll">A lot of content here....</td>

Alternatively, you can put a div inside the td and apply the style to that instead:

<td>
   <div class="scroll">A lot of content here....</div>
</td>

Update

You can apply the inline style like this:

<td style="overflow:auto; overflow-x:scroll;">A lot of content here....</td>