在写网页的时候发现浏览器会在figcaption和它前面的元素之间留出一段空白，源代码如下和页面显示效果如下所示。请问如何把这段空白去掉？
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Linux操作系统</title>
<style>
figure {
display: inline-block;
}
figure * {
border: 1px dashed red;
}
</style>
</head>
<body>
<figure>
<img src="linux.png" />
<figcaption>Linux操作系统</figcaption>
</figure>
</body>
</html>
与恶龙缠斗过久,自身亦成为恶龙；凝视深渊过久,深渊将回以凝视…
