CSS Table-cell

Today I encounter a style: two-column arrangement of graphics and text.

Due to the fixed size of the picture, I thought of using Table-cell to realize it.

<Divclass= "Container"> 　　 <Divclass= "box"><imgsrc= "Demo.png" /></Div> 　　 <Divclass= "box"> 　　　　 <P>Today is Thursday</P> 　　　　 <P>Today is the beginning of September</P> 　　　　 <P>Today is the second half of 2016.</P> 　　 </Div></Div>

The original CSS code is as follows:

. Container {display:table;} . Box {display:Table-cell}

But if you simply write this, you will find that the picture and the problem are not on the same level.

CSS Table-cell