问使用div和CSS构建图书封面

EN

<div style="width:400px; height:800px">
    <div style="display: table; width:400px; height: 100px; overflow: hidden;">
        <div style="display: table-cell; vertical-align: middle; background-color:blue;">
            <h4 style="color:white;text-align:center">
                <i style="color:yellow">image</i>Training book header text
            </h4>                       
        </div>
    </div>
    <div style="display: table; width:400px; height: 250px; overflow: hidden;">
        <div style="display: table-cell; vertical-align: middle;">
        <h1 style="text-align:center">Training book body text</h1>
        </div></div>
<div style="display: table; width:400px; height: 100px;">
        <div style="display: table-cell; vertical-align: middle; background-color:grey;">
            <h4 style="color:white;text-align:center">
                Training book footer text<i style="color:yellow; float:right">image</i>
            </h4>                       
        </div>
    </div>
</div>