How to make the div vertical adjustment of inline-block unknown?

the page uses Bootstrape, as shown in the following figure:

figure 1, which is the current state:

2:

Code:

<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>

because the div of the package "projects / projects" and the div of the package "Project A / Project B / Project C" have been set up, inline-block, now wants the second div (the div of the package "Project A / Project B / Project C") to move several px vertically (up).

but you can"t move it anyway.
you can"t even try to set the height or margin-bottom, of the first inlineblock-div or the second inlineblock-div. Div will only maintain the position of the upper boundary and then move the lower boundary. Finally, it leads to the "remarks" below. Be pushed down all the time

ask the great god to solve the case. Thank you! )

Feb.28,2021

add a transform:translateY (- 10px) to the second div (the div that wraps "Project A / Project B / Project C"); you can offset up

Menu