html - Left-align a <div> to a centered <div> with CSS -

I have multiple & lt; Div & gt; Styling with blocks, trying to create a web page, CSS according to the following picture, though I have no clue how to do it. I have tried both types suggested by the answer (and), but I think that I am missing something.

< Div class = "post-text" itemprop = "text">

What you should do about the HTML and CSS given below, if I think what you are saying.

Note that allows display: inline-block two div elements to sit next to each other, so you can enter your Text-align can be set independently Additionally, due to the inline-block property, the elements will be wrapped when the screen size is reduced.

  .message-text {text-curry; Display area; } .some-text, .my-list {display: inline-block; Text-align: left; Vertical-align: top; }. My-list {text-align: center; } UL {margin-top: 0 pixels; } & Lt; Div id = 'message-container' & gt; & Lt; Div class = 'message-text' & gt; Message text & lt; / Div & gt; & Lt; Div class = 'some-lesson' & gt; Some text & lt; / Div & gt; & Lt; Div class = 'my-list' & gt; & Lt; Ul & gt; & Lt; Li & gt; Item 1 & lt; / Li & gt; & Lt; Li & gt; Item 2 & lt; / Li & gt; & Lt; Li & gt; Item 3 & lt; / Li & gt; & Lt; / Ul & gt; & Lt; / Div & gt; & Lt; / Div & gt;