阅读steemit上面文章的时候，有一个让我特别不舒服的地方：文章中的标题距离下方内容太近，如下图所示。

<img src="https://steemitimages.com/DQmQMhgtoGVtYT2mS3YpHAE5BwTJ68FTQ5fVKbAD1tZLWsf/1.png" align="middle" />

查看CSS文件，原因是二级及以下级别的标题marign属性设置的问题：距离上边界2.5rem，下边界只有0.3rem。代码及效果分别如下所示。

    .Markdown h2, .ReplyEditor__body.rte h2 
    {
	    margin: 2.5rem 0 .3rem;
	    font-size: 140%;
	}

<center><img src="https://steemitimages.com/DQmeWdyP91ua2Y3gjsbcLkR1D3PQBMAtC5kpvcsXcCsRRP7/2.png" align="middle" /></center>

解决的办法有两种：**修改CSS样式**和**在标题后面插入空白段落**。

<h2 style="margin: 1.5rem 0 1.5rem;">方法一：修改CSS样式</h2>

我们没法直接修改steemit的CSS文件，能做的只有修改自己的文章排版方式。Markdown的好处之一是支持html语法，可以通过内联CSS的方式来设置我们想要的样式。而内联CSS的优先级高于外部文件，也就不会受到steemit原始CSS文件的限制。

实现方式如下，**在Markdown编辑器中写文章的时候不用“#”来设置标题，而是采用下面的html语法直接设置想要的标题级别**。

    <h2 style="margin: 1.5rem 0 1.5rem;">这里是标题内容</h2>

<p></p>
效果如上面的标题所示。完美的解决了我的强迫症需要。

## 方法二：在标题后面插入空白段落
<p> </p>

如果你觉得上面的方法有点麻烦，还有一种最简单的方法是：直接在标题下面插入一个空白段落，效果就是这里你看到的。

    ## 这里是标题内容
    <p> </p>


<p> </p>

以上供参考，希望对同样有点强迫症的你有用。


------------

本文完，以下是近期的其他文章：


- [推荐两部韩国电影和一本关于韩国的书](https://steemit.com/cn/@drunkevil/moives-and-book-from-south-korea)
- [2012~2015：读研究生的三年](https://steemit.com/cn/@drunkevil/over-three-years)
- [打电话投诉了一次长城宽带，结果超出了我的预期](https://steemit.com/cn/@drunkevil/customer-complaint)
- [复旦大学校园里那些值得一看的地方](https://steemit.com/cn/@drunkevil/campus-of-fudan)
- [再次回到母校，偶遇复旦大学的几位老校长](https://steemit.com/cn/@drunkevil/presidents-of-fudan-university)


------------
<center>
<p>
<img src="https://steemitimages.com/DQmXZVWSwFDbuFpBx7qXk3XKvwZmw4CigvwuYnoUBL3a9xw/upvote.png" >
<br>
您的点赞（Upvote），转帖（Resteem），留言（Reply）是对我最大的鼓励，谢谢！<a href="https://steemit.com/@drunkevil">@drunkevil</a>
</p>
</center>

------------