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

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

Сообщение 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
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «CSS»