title: Left-align a <div> to a centered <div> with CSS
body: <p>I'm trying to create a web page with several <code>&lt;div&gt;</code> blocks styling them with CSS according to the following diagram. However I have no clue how to get this done. I have tried both variants as suggested by the answers (<a href="https://stackoverflow.com/a/26599439/478406">https://stackoverflow.com/a/26599439/478406</a> and <a href="https://stackoverflow.com/a/26598329/478406">https://stackoverflow.com/a/26598329/478406</a>) but I think I'm missing something.</p>
  
  <p><img src="https://i.stack.imgur.com/drXVh.png" alt="enter image description here"></p>