我想减少空间<hr />标签

Question

这是我希望在h1和hr标签之间留出更少空间的js小提琴链接。

jsfiddle.net/7oebee2m

body{
    background: url(images/bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    word-wrap:break-word;

}
h1{
    font-family: "Sacramento";
}

.title{
   font-size: 20px;
    transition: color 2s, font-size 2s;
    float: none;
}
.title:hover{
    color: red;
    font-size: 30px;
}

Answer 1

查看更新的小提琴： http://jsfiddle.net/7oebee2m/3/

您可以在此部分中使用这些边距和填充：

hr{
    padding: 0;
    margin: 0;
}

h1{
    font-family: "Sacramento";
    padding: 0;
    margin: 0;
}

Answer 2

试试这个：

<强>的CSS：

.specialH1{
    margin-top: -5px;
}

<强> HTML：

<hr>
<h1 class="specialH1">hifurfuufi</h1>

http://jsfiddle.net/7oebee2m/4/

Answer 3

喜欢这个http://jsfiddle.net/DIRTY_SMITH/7oebee2m/5/

.title > h1{
    font-family: "Sacramento";
    line-height: 30px;
    margin-bottom: 10px;
}