title: Automatically change font size to prevent text overflow
body: <p>I'm creating a webpage for mobile phones.
  I try to show a text in a DIV tag. In small screens some parts of the text won't be shown cause the font size is big for its place(DIV tag).
  How can I tell the browser to make the text smaller whenever the text is too long to be shown in its place?
  Can I define percent for text font size? If yes what percentage should I use?</p>