鼠标到标题上标题向右移动一小段距离
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>
<a name="top"></a>
<style>
* {margin: 0; padding: 0;}
html { height: 100%; }
body {color: #000;background-color: #e6e6e6;font-family: "微软雅黑", "PTSans", "Arial",sans-serif;font-size: 14px;min-height: 101%;}
/* #home { margin: 0 auto; width: 72%; min-width: 980px; background-color: #fff; padding: 30px; margin-top: 50px; margin-bottom: 50px; box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);}*/
/*****主页文章列表开始**************************/
/*#mainContent .forFlow {margin-left: 22em;float: none;width: auto;}*/
/*#mainContent {min-height: 200px;padding: 0px 0px 10px 0;padding-top: 5px; /*原始10
-o-text-overflow: ellipsis;text-overflow: ellipsis;overflow: hidden;word-break: break-all;float: left;margin-left: -22em;width: 100%;
font-family: "微软雅黑", "宋体", "黑体",Arial;font-size: 14px;}*/
/*文章标题*/
.postTitle {border-left: 3px solid #21759b;margin-bottom: 10px;font-size: 14px;float: right;width: 100%;clear: both; margin-left: 22em;float: none;width: auto;}
.postTitle a:link, .postTitle a:visited, .postTitle a:active {color: #21759b;transition: all 0.4s linear 0s; }
.postTitle a:hover { margin-left: 30px;color: #0f3647;text-decoration: none; }
/****文章阅读页面***********/
/*#topics { width: 100%; min-height: 200px; padding: 0px 0px 10px 0;float: left;-o-text-overflow: ellipsis;text-overflow: ellipsis; overflow: hidden; word-break: break-all;}*/
/*单独文章阅读页面的 文章标题*/
.postTitle { border: 0px; font-size: 14px; font-weight: bold; float: left;line-height: 1.5em;width: 100%; padding-left: 1px; /*原5px*/ }
</style>
<!-- <div id="home">-->
<!-- <div id="mainContent">-->
<!-- <div class="forFlow">-->
<!--<div id="post_detail">-->
<!--done-->
<!-- <div id="topics">-->
<!-- <div class="post">-->
<h1 class="postTitle">
<a id="cb_post_title_url" class="postTitle2" href="http://www.cnblogs.com/asxinyu/p/dotnet_Opensource_project_LiteDB.html">.NET平台开源项目速览(3)小巧轻量级NoSQL文件数据库LiteDB</a>
</h1>
<!-- </div>-->
<!-- </div>-->
<!--</div>-->
<!-- </div>-->
<!--</div>-->
<!-- </div>-->
</body>
</html>
