Example of a font-based layout using max-width
Please note: This is a static file, purely for example purposes from this accessible layout article.
Try expanding and contracting your font size and window size, you should then see the difference in the behaviour compared to a fixed or percentage based layout.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam eget enim vitae ligula tristique sollicitudin. Nulla velit enim, pulvinar a, mollis a, varius vel, libero. Nulla pretium, mauris ut tincidunt pellentesque, arcu est pellentesque libero, et tristique augue nulla in magna. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nam tellus. Suspendisse suscipit magna vitae urna. Praesent metus. Ut quis leo sed libero scelerisque aliquam. Praesent gravida massa nec eros. Fusce aliquet ipsum ac augue. Pellentesque magna mi, sagittis suscipit, mollis at, porta id, neque.
Etiam in diam vel tortor malesuada eleifend. Quisque eu nulla ac orci vehicula fermentum. Nulla dapibus fringilla eros. Curabitur vel nunc. Morbi sit amet tellus. Nulla rutrum malesuada augue. Suspendisse pretium. Sed sed lectus vel arcu commodo lobortis. Donec nulla pede, semper auctor, rhoncus id, bibendum ac, nibh. Integer nulla sem, bibendum id, ultricies id, pharetra ut, ante. Mauris in quam in dui convallis ultrices. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aenean at dui in massa consequat ornare. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Phasellus ac arcu. Nam bibendum, nunc at sagittis suscipit, libero quam fringilla dui, vel eleifend ipsum orci vel massa. Cras volutpat, nisl a feugiat scelerisque, lectus neque mattis ligula, sed pulvinar elit purus ac augue. Ut egestas. Proin arcu massa, ornare in, iaculis vel, vehicula a, lorem. Sed ultrices laoreet mauris.
Cras tellus sapien, condimentum et, suscipit ut, dictum a, dolor. Duis feugiat nisi sit amet sem. Ut velit augue, nonummy vitae, bibendum ut, varius nec, metus. Aenean malesuada turpis et lacus. Donec mauris arcu, adipiscing et, interdum elementum, placerat fringilla, pede. Maecenas erat. Etiam bibendum elit. Cras sit amet velit eget tellus varius congue. Donec auctor. Aliquam eu eros eu arcu semper tristique.
Ut mauris tellus, tempor at, tristique non, ullamcorper eget, ligula. Maecenas enim. Nulla ac augue id augue sagittis consequat. Curabitur lobortis felis a neque pellentesque scelerisque. Cras accumsan. Morbi sed orci eu sapien aliquam tincidunt. Nulla libero lacus, consequat non, tempor eget, euismod sed, lorem. Vestibulum magna erat, gravida gravida, adipiscing ut, vehicula id, leo. Aliquam lacus justo, volutpat in, elementum et, hendrerit vulputate, erat. Quisque volutpat pede non tellus. Nullam at pede. Nullam metus erat, mollis pretium, euismod fringilla, ultrices ac, quam. Nunc augue dolor, dapibus vel, nonummy sed, hendrerit et, metus. Proin gravida nibh ac ipsum. Sed facilisis gravida mi. Donec vitae mi sed arcu ullamcorper feugiat. Etiam gravida mauris eu erat.
Vestibulum enim. Mauris molestie tellus a tortor accumsan posuere. Duis nec mauris. Proin et ante ac lacus lobortis laoreet. Quisque at nisl vitae ante ullamcorper placerat. Maecenas vitae tortor vitae sem imperdiet elementum. Duis nisl justo, sagittis in, condimentum ac, sollicitudin non, purus. Nam eget orci a enim vestibulum condimentum. Vivamus pellentesque mollis leo. Nam dolor mauris, congue ac, faucibus vel, iaculis in, leo. Donec accumsan convallis odio. Quisque velit arcu, aliquet eu, iaculis imperdiet, imperdiet et, tortor. Quisque a est. Duis eget quam. Proin sed tellus. Aliquam erat volutpat. In suscipit pharetra odio. Sed lobortis blandit est. Nam in lacus tempus tortor condimentum viverra.