Выравнивание слов в строках расположенных под другими строками в html

Пишу шаблон html, который используется как ресурс в приложении MFC написанном на с++. На основе шаблона формируется отчёт. Из отчёта могут удаляться отдельные строки через код с++. Есть такой html код для отображения строк:

<div id="SampleSection">
            <p><span style="font-weight:bold">Проба:</span> SampleName1 SampleName2 <span style="width:114.18pt; display:inline-block; -aw-tabstop-align:left; -aw-tabstop-pos:198.8pt">&#xa0;</span> Объем: SampleVolume мкл &#xa0;<span id="SampleDilution">Разбавление: SampleDilution</span></p>
        </div>

<div id="ColumnSection">
            <p><span style="font-weight:bold">Колонка</span> N ColumnNumber<span style="width:114.18pt; display:inline-block; -aw-tabstop-align:left; -aw-tabstop-pos:198.8pt">&#xa0;</span>Длина: ColumnLength мм<span style="width:45.56pt; display:inline-block; -aw-tabstop-align:left; -aw-tabstop-pos:312.4pt">&#xa0;</span>Диаметр: ColumnDiameter мм</p>
            <p>Сорбент: ColumnSorbent<span style="width:110.05pt; display:inline-block; -aw-tabstop-align:left; -aw-tabstop-pos:198.8pt">&#xa0;</span>Размер зерна: ColumnGranulation мкм</p>
        </div>

Требуется, чтобы слова "Объем" и "Длина" были друг под другом, при этом строчки после слов "Проба" и "Колонка" и между слов "Объем" и "Длина" могут быть разной длинны. В оригинале эти строчки включены в отдельный div поскольку их требуется удалять по мере необходимости, и проще это делать блоком. Была мысль заключить этот текст в таблицу на три колонки и удалять строки таблицы. Другой вариант - разделить на боки div левый и правы можно было бы, но наверное сложнее будет удалять противоположные строки, чтобы в итоге удалить целиком с экрана нужную.