Как расположить заголовки над inline-block?
Изучите построение сеток: flex, grid и пр.. И подход у вас не тот. Оберните еще в 1 div заголовок и значение, тогда что-то выйдет. Типа такого
<div style=" vertical-align: middle; width: 100%; display: inline-block;">
    <div class="eshe_odin_div"> <!-- это start -->
        <div class="weight_title" style="text-align: left; margin: 0 10px;">Вес г:</div>
        <div class="weight">1</div>
    </div> <!-- это end -->
    ....
</div>
Вот потом их как колонки и используйте.
Совет: не пишите стили в разметке по типу: <div style=" vertical-align: middle; width: 100%; display: inline-block;">Решение через flex:
snippet