console
<div class="note">
<div class="content">
<div class="recommendation multicolumn">
<h2>周杰伦最热专辑</h2>
<ul>
<li>
<a href="#"><img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1494574486184&di=3c12978e09a694163d70d69863c628b7&imgtype=0&src=http%3A%2F%2Fmingxing.dabaoku.com%2Fgangtainan%2Fzhoujielun%2F563tg.jpg"width="180" height="180"/></a>
<p>jay</p>
<p>发行时间：2000年</p>
</li>
<li>
<a href="#"><img src="https://ss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=599263232,1524535854&fm=23&gp=0.jpg"width="180"height="180"/></a>
<p>范特西</p>
<p>发行时间：2001年</p>
</li>
<li>
<a href="#"><img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1494575415318&di=4a0f07e3e238b2fbd3bdb3ac90a2ab77&imgtype=0&src=http%3A%2F%2Ft1.niutuku.com%2F960%2F11%2F11-251604.jpg"width="180"height="180"/></a>
<p>七里香</p>
<p>发行时间：2004年</p>
</li>
<li>
<a href="#"><img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1494575466158&di=e8ad43778751f5665dc68e7678414359&imgtype=0&src=http%3A%2F%2Fimgsrc.baidu.com%2Fforum%2Fw%253D580%2Fsign%3D521a71e0b0119313c743ffb855380c10%2F6906552c11dfa9ec8b4ae93560d0f703908fc185.jpg"width="180"height="180"/></a>
<p>十一月的肖邦</p>
<p>发行时间：2005年</p>
</li>
<li>
<a href="#"><img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1494575508549&di=f15f95bdc089637d24f8642f41b45cda&imgtype=0&src=http%3A%2F%2Fimg.1ting.com%2Fimages%2Fspecial%2F210%2Fs300_4711893913b0fa7a6aadcf849a265294.jpg"width="180"height="180"/></a>
<p>十二新作</p>
<p>发行时间：2012年</p>
</li>
<li>
<a href="#"><img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1495170183&di=8b72ceffa04c0e24478310b4b5cf7aaa&imgtype=jpg&er=1&src=http%3A%2F%2Ffdfs.xmcdn.com%2Fgroup5%2FM07%2F68%2F2A%2FwKgDtlTDcj-QOlihAAPoUFawpWQ373.jpg"width="180"height="180"/></a>
<p>哎哟，不错哦</p>
<p>发行时间：2014年</p>
</li>
</ul>
</div>
</div>
</div>
<div class="note2">
<h2>林俊杰最新专辑</h2>
<hr/>
<div id="names">
<div><a href="#"><img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1494599290030&di=39311cfe55a8e8c9aa35d3e2269b46ea&imgtype=0&src=http%3A%2F%2Fimg3.duitang.com%2Fuploads%2Fitem%2F201507%2F16%2F20150716151318_jdhFL.thumb.700_0.jpeg"width="180"height="180"/></a>
<p>jj陆</p>
<p>发行时间：2008年</p></div>
<div><a href="#"><img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1494599490653&di=7110ae5943b305341daab17aa862406d&imgtype=0&src=http%3A%2F%2Fimg11.360buyimg.com%2Fn11%2F15985%2F2c26f11d-9e0e-4197-98cf-2206f794bfed.jpg"width="180"height="180"/></a>
<p>第几个100天</p>
<p>发行时间：2009年</p></div>
<div><a href="#"><img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1494599586292&di=30403c624563f675144aa112049cc416&imgtype=0&src=http%3A%2F%2Fimgsrc.baidu.com%2Fforum%2Fpic%2Fitem%2F16fae6cdea12a41a0fb34582.jpg"width="180"height="180"/></a>
<p>她说</p>
<p>发行时间：2010年</p></div>
<div><a href="#"><img src="https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=3448767555,4027036190&fm=23&gp=0.jpg"width="180"height="180"/></a>
<p>学不会</p>
<p>发行时间：2011年</p></div>
<div><a href="#"><img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1494599772614&di=5cfe10ff5e7955f6916de85b9a3af73f&imgtype=0&src=http%3A%2F%2Fb.hiphotos.baidu.com%2Fzhidao%2Fwh%253D600%252C800%2Fsign%3D24609c223bf33a879e38081cf66c3c00%2F29381f30e924b8995858662a6f061d950a7bf6b8.jpg"width="180"height="180"/></a>
<p>因你而在</p>
<p>发行时间：2013年</p></div>
<div><a href="#"><img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1494599841978&di=90b8842fd0d0df2cd70fbf9d9245ba08&imgtype=0&src=http%3A%2F%2Ftu.23356.com%2Fpic%2Falbum%2F2014%2F12%2F19%2F63554604613306640609607593.jpg"width="180"height="180"/></a>
<p>新地球</p>
<p>发行时间：2008年</p></div>
</div>
</div>
<foot><button><a href="http://jsrun.net/UtkKp/show">返回首页</a></button></foot>
.recommendation h2
{
padding-top:20px;
border-bottom:1px black solid;
}
.multicolumn li
{
float:left;
width:200px;
margin:0 10px;
text-align；center;
}
.content img
{
padding:5px;
border:1px red solid;
}
.note
{
height:360px
}
#names{
display:flex;
justify-content:space-around;
font-size:10px;
}