JSFiddle - React, Tailwind, and code Playground

by Yunpeng Fan

HTML

<div id="one">穿越火线</div>
<div id="two">英雄联盟</div>
<div id="three">1234567</div>
<div id="four">1234567</div>
<div id="one">炉石传说</div>
<div id="two">CS GO</div>
<div id="three">1234567</div>
<div id="four">1234567</div>
http://716870410.blog.51cto.com/9389474/1556840

CSS

#one {
    width:100px;
    background:url(http://www.sinogamer.com/template/yudi_city10/style/icon10.gif) left bottom no-repeat;
    float:left;
    
 }

#two {
    width:100px;
    float:right;
    background:url(http://www.sinogamer.com/template/yudi_city10/style/icon10.gif) left bottom no-repeat;
    margin-right:620px;
 }

#three {
    width:100px;
    height:100px;
    float:left;
    clear:left;
    margin-top:1px;
 }

#four {
    width:100px;
    height:100px;
    float:right;
    margin-right:620px;
    margin-top:1px;
 }