Оформление таблицы с несколькими строками внутри ⇐ CSS

[Anonymous]

Я пытаюсь отобразить таблицу из 5 столбцов внутри панели. Ниже показано, что я пытаюсь сделать, но это не работает должным образом:


Я хочу, чтобы артикул, описание, цена за единицу, количество и сумма отображались в одной строке, а не вверх и вниз, а затем я хочу, чтобы плата за обслуживание составляла 0,69 доллара США на В следующей строке, а затем внизу я хочу, чтобы «Общая выплаченная сумма» отображалась в одной строке с 32,69. Описание и сумма берутся из кода, а цифры могут меняться на три или две цифры. Я хочу, чтобы отображалось что-то вроде этого изображения ниже с заголовками вверху, в которых указано: SKU, описание, цена за единицу, количество и количество.


Это код, который я пробовал:
< div class="snippet">

Код: Выделить всё

    






Transaction Details




SKU
Description
Unit Price
Quantity
Amount




CCB

Total Amount Paid


chocolate Certificate

Service Fee

$32.00
1
$32.00

$0.69

32.69

Можно ли также выровнять цифры в столбце суммы. любая помощь будет оценена по достоинству.

Подробнее здесь: https://stackoverflow.com/questions/790 ... ide-the-td