我尝试使用各种CSS属性（例如margin-top和padding）来减少两行文本之间的垂直间距，但似乎没有任何效果。
这两行如下所示：
我希望它们更靠近，以便它们几乎可以接触。但是，无论我用margin-top属性做什么，这还不够，最终使我的情况变得更糟。
这是CSS和HTML：
<style>
.jumbotronjr {
padding: 12px;
margin-bottom: -16px;
font-size: 21px;
font-weight: 200;
line-height: 2.1428571435;
color: inherit;
background-color: white;
}
.titletext {
font-size: 2.8em;
color: darkgreen;
font-family: Candara, Calibri, Cambria, serif;
margin-left: -32px;
}
.titletextjr {
font-size: 1.4em;
color: darkgreen;
font-family: Candara, Calibri, Cambria, serif;
margin-left: -32px;
}
</style>
</head>
<body>
<div class="container body-content">
<div class="jumbotronjr">
<div class="col-md-3" style="margin-top: 1cm">
<img src="http://www.proactusa.com/wp-content/themes/proact/images/pa_logo_notag.png" alt="PRO*ACT usa logo">
</div>
<div class="col-md-9">
<label class="titletext" style="margin-top: 0.1cm;">eServices Reporting</label>
<br/>
<label class="titletextjr" style="margin-top: -2cm;">Purchasing Report for RB Kitchen</label>
</div>
</div>
为了使这些线靠得更近，我需要进行哪些更改或添加（特别是第二条线垂直向上移动）？
最佳答案
它们之间有很大的空间，因为您的.jumbotronjr类具有line-height: 2.1428571435;。删除它，它将删除您的文本之间的空格。
.jumbotronjr {
padding: 12px;
margin-bottom: -16px;
font-size: 21px;
font-weight: 200;
line-height: 2.1428571435; /* <--- Remove this */
color: inherit;
background-color: white;
}
JSFiddle
关于html - 如何垂直向上移动第二条线，以减小第二条线与第二条线之间的距离？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/38446172/