<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>摄影社区热门小镇</title> <style> #num{ width: 800px; height: 220px; padding: 50px 60px 70px 80px; border: 2px solid #3A6587; margin: 140px auto; } #h3{ font-family:宋体_GB2311; font-weight: bold; } ul{ list-style-type: none; text-indent: -40px; } li{ font-family: 宋体_GB2311; } </style> </head> <body> <div id="num"> <h3 id="h3">摄影社区热门小镇</h3> <ul style="display: inline-block"><img src="pic_01.jpg"> </ul> <ul style="display: inline-block"> <li>风景狙击手</li> <li>成员:80</li> <li>作品:276</li> </ul> <ul style="display: inline-block"><img src="pic_02.jpg"> </ul> <ul style="display: inline-block"> <li>风景狙击手</li> <li>成员:80</li> <li>作品:276</li> </ul> <ul style="display: inline-block"><img src="pic_03.jpg"> </ul> <ul style="display: inline-block"> <li>风景狙击手</li> <li>成员:80</li> <li>作品:276</li> </ul> <br/> <ul style="display: inline-block"><img src="pic_04.jpg"> </ul> <ul style="display: inline-block"> <li>风景狙击手</li> <li>成员:80</li> <li>作品:276</li> </ul> <ul style="display: inline-block"><img src="pic_05.jpg"> </ul> <ul style="display: inline-block"> <li>风景狙击手</li> <li>成员:80</li> <li>作品:276</li> </ul> <ul style="display: inline-block"><img src="pic_06.jpg"> </ul> <ul style="display: inline-block"> <li>风景狙击手</li> <li>成员:80</li> <li>作品:276</li> </ul> </div> </body> </body> </html>