在Bootstrap中垂直对齐文本

Question

如何在Bootstrap中垂直对齐元素。它使我发疯。这是我的HTML：

Folder1\Log\filename1.log
Folder2\Log\filename3.log -> Assume this is the latest one that got its log file updated.
Folder3\Log\filename5.log
Folder4\Log\filename2.log
Folder5\Log\filename6.log

这是结果：https://pasteboard.co/J7RKPj3.png

我尝试过将align-baseline，align-middle都放在一列中（float-right将日期上移）...似乎没有任何作用。我已经看了过去的答案，但是对于如此简单的问题，答案似乎还没有完善。

Answer 1

将文本垂直居中对齐的另一种方法是将CSS属性line-height设置为div高度。

这里是一个例子 https://www.w3schools.com/css/tryit.asp?filename=trycss_align_line-height