When I initially didn't set the font-size, and inserted a long text in a div like this:
<div>Hello World Hello World Hello World Hello World Hello World Hello World</div>If I narrow the browser, the overflow part would change to the next line;
However, when I set the text's font-size to a large size, like this:
<div style="font-size:72px;">asdasdasasdasdasd</div>Upon narrowing the browser, the overflow part couldn't change to the next line:
Check out the demo here
So why does this happen? How can I fix the problem so that no matter how big the font size is set to, the layout remains liquid as normal?