如何让inline-block的div纵向调整未知？

Question

页面采用Bootstrape，如下图所示：

图1，是当前的状态：

图2，是期望的状态：

代码：

<div class="col-md-4" style="text-align: right;">
    <div style="margin: 26px 0 0 83px;">
        <div style="display: inline-block;">
            <div style="margin-bottom: -3px;">项目们</div>
            <span style="font-size: 13px;">projects</span>
        </div>
        <div style="display: inline-block;margin-left: 12px;">
            <div>项目A, 项目B, 项目C</div>
        </div>
    </div>
    <span style="font-size: 12px;margin-left: 205px;">备注........</span>
</div>

由于包裹“项目们/projects”的div 和 包裹“项目A/项目B/项目C”的div 都设置了 inline-block, 现在想让第二个div（包裹“项目A/项目B/项目C”的div） 纵向（往上）移动几个px。。。

但是无论如何都无法移动，....
试图设置第一个inlineblock-div或者第二个inlineblock-div的height或者margin-bottom，都不行，div的都只会维持上边界的位置、然后移动下边界... 最后导致 下方的“备注.....”被不断往下顶

求大神破案。。。谢谢！）

Answer 1

给第二个div（包裹“项目A/项目B/项目C”的div）加一个transform:translateY(-10px);就可以往上偏移了