Skip to content

Instantly share code, notes, and snippets.

@CooLNuanfeng

CooLNuanfeng/书目录布局

Created July 23, 2014 06:57
Show Gist options
  • Save CooLNuanfeng/cddfd48a6d0258778f2c to your computer and use it in GitHub Desktop.
Save CooLNuanfeng/cddfd48a6d0258778f2c to your computer and use it in GitHub Desktop.
Download ZIP
书目录布局
Raw
书目录布局
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style>
*{margin:0;padding:0;}
.clearfix:before, .clearfix:after {content:"";display:table;}
.clearfix:after{clear:both;}
.clearfix{*zoom:1;/*ie6,7*/}
.list li{list-style-type:none;height:20px;line-height:20px;}
.list li p{float:left;}
.list li em{float:right;font-style:normal;padding:0 5px;}
.list li span{border-bottom:1px dashed #000;height:10px;line-height:10px;display:block; overflow:hidden;}
</style>
</head>
<body>
<ul class="list">
<li class="clearfix">
<p>影视动漫设计</p>
<em>知识+4</em>
<span></span>
</li>
<li class="clearfix">
<p>科普</p>
<em>知识+4</em>
<span></span>
</li>
<li class="clearfix">
<p>Dreamweaver</p>
<em>知识+4</em>
<span></span>
</li>
<li class="clearfix">
<p>劳动法</p>
<em>知识+4</em>
<span></span>
</li>
</ul>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment