html - tr 边框不在右侧 100% 高度

Question

为什么中间(tr 之间)的边框不是 100% 高？我该如何改变它？这是一个演示:

.one_tutorial{
    display: block;
    border-collapse: collapse;
    border: 4px solid rgb(25, 25, 25);
}

.one_tutorial_title{
    display: inline-block;
    padding: 5px 20px;
    width: 300px;
    border-right: 4px solid rgb(25, 25, 25);
}

.one_tutorial_info{
    display: inline-block;
    padding: 5px 20px;
    width: 200px;
}

<table> 
    <tr class="one_tutorial"> 
        <td class="one_tutorial_title">Wie bewässere ich meine Pflanzen</td> 
        <td class="one_tutorial_info">Geschrieben von ???, am 17.05.2015 um 14:07 Uhr</td> 
    </tr> 
</table>

Answer 1

原因是 5px 的顶部/底部填充；，这是您的解决方案:

Working:DEMO

CSS

.one_tutorial_title{
    display: inline-block;
    padding: 10px 20px;/*Changed to 10px from 5px*/
    width: 300px;
    border-right: 4px solid rgb(25, 25, 25);
}

.one_tutorial_info{
    display: inline-block;
    padding: 0px 20px;/*Changed to 0px from 5px*/
    width: 200px;
}