1.摄影社区热门小镇
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>摄影社区热门小镇</title>
<style>
ul{list-style: none;}
li:nth-of-type(1){display: inline-block;}
li:nth-of-type(2){display: inline-block;}
li:nth-of-type(3){display: inline-block;}
.a{float: right;clear: right;margin-left: 10px;}
li{margin: 30px;}
h3{margin-left: 70px;}
</style>
</head>
<body>
<div style="border: 1px solid gray;">
<h3>摄影社区热门小镇</h3>
<ul>
<li>
<img src="../案列七picture/pic_01.jpg"/>
<div class="a">
风暴狙击手<br/>
成员:80<br/>
作品:276
</div>
</li>
<li>