实现次要内容不会正确垂直对齐

Question

我下载了物化SASS文件夹和JS文件夹，并将其放在我的文件中。大多数事情都在起作用。

当我尝试在集合中使用次要内容时，该按钮与描述不符，这里的其他人也遇到了同样的问题，但从未找到解决方法。

这是我的代码：

<li className="collection-item">
  <div>
    <h5>{email}</h5>
    <button
      className='secondary-content'
      onClick={e => handleClick(e, email, onDelete)}>Delete</button>
  </div>
</li>

该按钮位于每张图片

其余部分的下方。

如果我在div中使用valign-wrapper，它会垂直对齐，但是会失去其浮动右对齐！

我如何假设辅助内容的预期行为是垂直和右对齐？