In general, I try to avoid using any style sheets and the like. But there is one reason to insist on a fixed layout. And that is the maximal width of a text line to read. Lines that are longer than a certain amount of characters are unreadable to humans.
Still, the max-width in all browsers and W3C documents defaults to the actual width displayed. This is very annoying when explanatory text and very big tables are displayed in
the same browser window. You have put your browser full screen (f11 in many browsers), and now you can no longer read the explanatory text…
What is the minimal way to indicate that <p> and all other places where simple floating text appears are set to a maximal width? Currently I have p { max-width: 70ex; } but there are so many other places like <li>
you could do something like this :
there isn’t any div on purpose or it could mess your site. that’s why i would probably do something like :
and put that class in your html tag