Html Can'；2行之间没有多余的空格

由于某些原因，我无法减少两行之间的“空”空间（）。我尝试过很多东西（线条高度、上下边距、填充等），但都没有成功。出于某种原因，这一次很棘手。我试图在JSFIDLE上重现这个问题，但没有成功

编辑：我现在删除了两对p标签之间的

，但它产生了一个新问题：两行（两对p标签）现在显示为一行

CSS/mettile.CSS中的CSS代码

.tile-five {
    width: 400px;
    height: 46px;
    display: block;  
    margin-right: 0px;
    border-radius: 20px; 
    -moz-border-radius: 20px; 
    -webkit-border-radius: 20px;
}


.tile-five:hover {
    outline: solid 4px #dadada;
}

.tile-five-small {
    width: 180px;
    height: 180px;
    display: block;
}

.tile-five-small:hover {
    outline: solid 4px #dadada;
}

.tile-five-text-area {
    width: 100%;
    height: 100%;
    background-color: #f2F2F2;
    padding-left: 12px;

}

.tile-five-text-area label {
    color: white;
    font-size: 25px;
    line-height: 13px;
    text-align: left;
    float: left;
}

.tile-five-text-area p {
    color: #333;
    font-size: 13px;
    padding-top: 5px;
    margin: 8px 5px 5px 5px;
    text-align: left;
    float: left;
}

HTML

乱数假文
Votre dfds dfdsf dsfds（dfds fds）áLuiotkjkjky
< /代码> 删除标签之间的
，因为这会在行之间创建空白。

如果代码看起来像这样，你应该会没事的，我只是在chrome中查看它，文本行在两行而不是一行

<div class="tile-five-text-area">
        <p><strong>Actualité</strong></p>

        <p>Découvrez <strong>Ladkkiu</strong>, un concept unique au Luiotsddqsdykjkjkj</p>
</div>


实施

DécouvrezLadkkiu，联合国独特的概念

要做到这一点，css中有一个名为
行高的特殊属性
您可以将其设置为1em以降低高度。。
记住，只使用em或像素

通过这种方式，可以根据需要控制垂直距离。
两条线之间的“空”空间可以通过以下方式减少：

#sub-header .right {
    float: right;
    padding-right: 20px;
    line-height: 4px;
    }

或

不要使用两个单独的p标记，而要尝试使用一个p标记来编写



实施


DécouvrezLadkkiu，联合国独特的概念

你的HTML在哪里？里面有
或标签吗？标签？请不要链接到您的站点，而是链接到一个标签。这两个元素之间有一个

分隔。元素之间有一个
。另一个注释是：``也不正确。它还可能导致格式问题Hanks，它修复了2个问题，但我的第二行文本与第一行文本位于同一行（尽管它被包装到第二对p标记中）。为什么？谢谢-我删除了
并缩短了文本，现在你可以看到两行在同一行（我的网页链接已更新）。为什么呢？Thanks@Greg因为您删除了
好的，谢谢。我想每个
都会产生一条新的线路。谢谢你的帮助help@user689请编辑下一次答案中出现的小错误和其他问题，而不仅仅是代码格式
#sub-header .right {
    float: right;
    padding-right: 20px;
    line-height: 4px;
    }

#sub-header p {
line-height: 1px;
}