Html 内联列表中间部分删除？

好的，所以我创建了一个提琴，以确保它与我页面上的其他样式没有冲突

问题是我有一个内联列表，每个列表中有一个标题，下面有一些文本-中间的一个似乎下降了几个像素，但不知道为什么或从哪里来？我尝试过改变利润率-我尝试过用负利润率来恢复利润率，但似乎没有任何效果

<h2 style="text-align:center; margin: 0 auto; color: #CCC; font-size: 35px;">WHAT WE DO</h2>


<div style="width: 900px; margin: 0 auto;">


<ul style="width: 100%; margin: 0; padding: 0 0 0 0;">

    <li style="width: 290px; display: inline-block;"><h3 style="color: #CCC;">OUR TEAM</h3>
            <p style="color: #000; font-size: 17px; line-height: 27px; font-weight: 300;">Our team builds mobile, tablet and web-based applications designed to streamline processes, increasing profitability and employee engagement. Our primary goal is to change the way our clients work for the better.</p></li>

    <li style="width: 290px; display: inline-block;"><h3 style="color: #CCC;">CLIENT EXPERIENCE</h3>
            <p style="color: #000; font-size: 17px; line-height: 27px; font-weight: 300;">We aim to provide the best experience possible. Our clients remain informed and involved at every step of a project, up to delivery and beyond. We take pride in our service.</p></li>

    <li style="width: 290px; display: inline-block; "><h3 style="color: #CCC;">BETTER BY DESIGN</h3>
            <p style="color: #000; font-size: 17px; line-height: 27px; font-weight: 300;">Design and creative thinking are key parts of the service we offer. We take great care in how our software looks and operates, challenging every aspect from the perspective of both the business and its users.</p></li>


</ul>

我们做什么

我们的团队

客户端体验
我们的目标是尽可能提供最佳体验。我们的客户在项目的每一步，直到交付和以后，都保持知情和参与。我们为我们的服务感到自豪
更好的设计
设计和创造性思维是我们提供服务的关键部分。我们非常关注软件的外观和运行方式，从业务和用户的角度挑战每一个方面

添加

垂直对齐：顶部到正在下拉的第二个li的内联css。或者最好为所有类似的列表项提供这种样式

ul li{
    vertical-align:top;
}