How to create div that can be dragged up to reveal content?

Why is my content going outside the div?

• I want my content to stay within a div, it works perfectly fine when a word has a space, but if one word is incredibly long, it will go outside my div and not be contained within the div. How can I fix this?

• Answer:

  Based on what you've said, it sounds like text is sitting outside of your div unintentionally. Correct me if I'm wrong. Firstly ensure that your div has a width and is floating correctly: is the text or the div inheriting something that it shouldn't, such as margin, padding or position values? After that, if you aren't already, try using overflow: auto on your div - this will make paragraphs or text in general, be contained inside the div and introduce a browser scroll bar, if necessary, if it attempts to exceed the width of the div. If you are noticing a trend of inheritance on divs, try using clear: both. Please also ensure that your text is contained in a block level element; for example a heading, a span, p or article. Browsers sometimes don't know where to position words outside of blocks and they may disrupt the flow. If this doesn't fix it, please paste your code onto Pastebucket and I will take a look for you.