This is exactly what I want. However, on a smaller screen, there is no space on the left, so there is 30% white space on the right, but on the left, the header touches the edge of the screen. At this point, I wish that I could align my article in the center, but based on the headers width.
I know that I could wrap the article in a div and it would fix the problem ([codepen sample](http://codepen.io/aurelkurtula/pen/Juzke “”)) . But now that I noticed this problem, I’m just curious if there was a solution to this without using a wrapper.