php - 减少搜索结果中标题和描述之间的空间

Question

我为一个显示标题和描述的网站创建了一个搜索页面。标题和描述之间有很多空间。

这是显示结果的示例代码

echo "<div class=\"main\"><ul><li><h3><a href='$link' style='text-decoration: none'><b>$title</b></a></h3>$description </div></li></ul>";

尽管标题和描述之间没有“br”标签，但它们之间有很多空间。如何摆脱这个空间。你能不能让我知道这边。行高功能在这里起作用吗？

这是CSS代码

.main {
position:relative;
font-size:1.01vw; 
color:Black;
font-family: Helvetica; 
top:3.5vw;
left:26vw;
}

谢谢

Answer 1

如果您仔细查看 HTML，您将在 </li></ul> 之前关闭 div在这里结束 </div></li></ul>

echo "<div class=\"main\"><ul><li><h3><a href='$link' style='text-decoration: none'><b>$title</b></a></h3>$description </div></li></ul>";

应该是</li></ul></div>

echo "<div class=\"main\"><ul><li><h3><a href='$link' style='text-decoration: none'><b>$title</b></a></h3>$description</li></ul></div>";

并在 CSS 中添加

h3 {
    margin: 0px;
}

Fiddle