Выровнять div на подсказке по начальной загрузке

Question

Я сгенерировал код для страницы просмотра HTML, чтобы показать подсказку BS Tool для каждого столбца в таблице. Содержимое всплывающей подсказки, также табличная структура. Я сделал это с помощью divs, но на div имеет длинный контент не выровнен правильно, как таблица

Вы можете помочь мне исправить это изменение?

Уровень серьезности - вторая строка, значение против уровня серьезности - длинная. Мне нужно выровнять уровень серьезности по отношению к началу соответствующего значения

HTML (генерируется с помощью шаблона rails)

<div data-toggle="tooltip" data-placement="right" data-html="true" title="" data-animation="true" data-original-title="
<div style = 'width:200px,'>
   <div class ='tool-tip-cells'>Repair Method </div>
   <div class ='tool-tip-cells'> Repaint </div><div class ='tool-tip-cells'>Severity Level</div>
   <div class ='tool-tip-cells'>Damage 2.5cm to 7.5cm in length and/or diameter</div>
   <div class ='tool-tip-cells'>Estimate No.</div>
  <div class ='tool-tip-cells'>9176863</div>
<div>">Rear Bumper RHS (Scuffed)</div>

CSS

.tool-tip-cells{
text-align: left;
width: 100px;
display: inline-block;
}

Answer 1

Вы можете попробовать этот код:

vertical-align: text-top;