Horizontal Scrollbar missing

Question

I want horizontal scrollbar to be displayed. I have used overflow-x:scroll; but I don't see any horizontal scroll bar. Please help.

<div class="abc">
  <p>This is overflow-x scroll. This is overflow-x scroll. This is overflow-x scroll.</p>
</div>
.abc{
  overflow-x:scroll;
  width:1000px;
}

My code here is here

Answer 1

According to the your code in jsbin, try this :

.abc{
  overflow-x: auto;
  white-space: nowrap;
}

You can keep one of the these as required 'auto' or 'scroll'.
There are many other Property Values, check here : http://www.w3schools.com/cssref/pr_pos_overflow.asp