减少标题之间的行间距?

时间:2017-12-13 20:15:36

标签: html css header

我希望有2个标题相互靠近,我不明白为什么HTML会自动在两者之间添加空格。
我希望红色箭头处的空间消失。

This is what it looks like now and the arrows indicate what I want to move together

HTML

h1 {    
  opacity: 0.5;
  background-color: #9B26AF;
  color: #50ffffff;
  font-size: 175;
}   

H2 {    
  opacity: 0.5;
  background-color: #68EFAD;
  color: black;
  font-size: 50;    
}

CSS

java.util.Map.Entry

2 个答案:

答案 0 :(得分:0)

您的填充和保证金值是多少? 尝试使用0。

答案 1 :(得分:0)

<{1>} CSS标题元素显示为block。  要实现您的approch,您应该将其样式显示更改为display:inline;

h1{
    opacity: 0.5;
    background-color: #9B26AF;
    color: #50ffffff;
    font-size: 175;
    display:inline;
}

h2{
    opacity: 0.5;
    background-color: #68EFAD;
    color: black;
    font-size: 50;
    display:inline;
}