html - 将文本第二行的开头与第一行对齐

我在我的网站上显示的列表项目，如下图所示：
但是正如你在上面看到的，第二行的文字是从第一行开始的，我想从第一行开始：
以下是HTML代码：

<li class="showPosts">
    <span class="greekCross">✚</span>
    <h5>Hvordan ser jeg statistik omkring besøgende?</h5>
</li>

以及CSS：

.showPosts {
    cursor: pointer;
}
.greekCross {
    color: #00BFF3;
    font-size: 15px;
}
.showPosts > h5 {
    font-size: 15px;
    display: inline;
    padding-left: 5px;
}

我试着给十字符号加上填充和边距，或者把标题包装在某种盒子里，希望文本能排成一行，但没有成功。我也尝试了其他的互联网解决方案，但我无法解决这个问题，所以任何指导都是非常受欢迎的。我希望我已经解释清楚了。
这里有一个JSFiddle。

最佳答案

您可以使用以下CSS：
Demo Fiddle

.showPosts {
    cursor: pointer;
    display:table;
}
.showPosts .greekCross,.showPosts h5{
    display:table-cell;
}

通过使每个子单元成为不同的单元，可以在调整大小时保持垂直对齐。