嵌套内联块合法吗？

Question

这是有效的HTML / CSS吗？

<div>
  <div style="display:inline-block; border:1px solid red">
    <div style="display:inline-block; padding:5px">Test</div><br />
    <div style="display:inline-block; padding:5px">Test</div>
  </div>
</div>

即将一个内联块嵌套在另一个内嵌块是否被认为可以吗？我猜不是！

Answer 1

引用html validator：

  

默认样式可能会引起混淆的情况：

     

某些元素具有默认样式或行为，可以确定   组合可能导致混乱。当这些具有相等的   没有这个问题的替代方案，令人困惑的组合是   不允许。

示例：

1- <div>内的<span>（内联元素内的块）

2- <textarea>内的<button>

如果默认情况下考虑inline-block是block或inline元素，则将inline嵌套在inline或{ block中的{1}}。唯一令人困惑的组合是block元素内的block。