Question

我更新了一个网站并试图准备从当前的doctype转移到html 5。目前，如果我使用下面的CSS：

br {
  line-height: 5px;
}

div {
  display: inline-block;
}

和html：

<div>div 1</div>
<br>
<div>div 2</div>

使用doctype：

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

它呈现的方式是两个div之间没有间隙，断点line-height应用于与第一个div不在它自己的行上的同一行。

如果我使用相同的css和html：

<!DOCTYPE html>

中断在它自己的行上呈现，给出了5px中断，这对于我来说对于这个特定元素来说似乎更合乎逻辑。有没有一个css解决方案，当我转换时会在两个doctypes下呈现5px的差距？

我考虑过给出底部填充或边距但我认为如果div是嵌套的话会导致问题。