Paragraph "jumps" when using max-width.

[WewLad]

First of all sorry for the bad title as I have no idea what to call my problem. As you might notice I am a CSS rookie, and was playing around trying to make a website. Now to the problem:

When I set the max width of the paragraph to anything the paragraph jumps next to my header when the page gets to wide.
Removing max-width fixes this, but I don’t my text to go over the whole page.

https://codepen.io/anon/pen/wqGWBm

[webinuse]

That is because you did not set neither min-width or just width for your h1 and your other mistake is that your h1 and p are set to display:inline-block. Since inline block tends to align object IN-line, your objects have not had any kind of sizes that’s why the P was roaming around. And there is much more to explain like your container width, and everything, but this are basically two, or three, main reasons why your p was roaming.

[Author]

Posts