html table address,html - I want order information table just below the address table

本文展示了如何在网页中实现订单表格布局，表格位于地址表格下方，并自动向下扩展以添加新条目。内容包括顾客信息、产品订单详情、总价、配送费用、交易状态等关键信息。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

I want that order table just below the address table and I also want that if I make a new entry it should automatically increase downward.

table {

font-family: arial, sans-serif;

border-collapse: collapse;

width: 100%;

}

td, th {

border: 1px solid #dddddd;

text-align: left;

padding: 8px;

}

.floatLeft { width: 30%; float: left; }

.floatRight {width: 68%; float: right; }

.container { overflow: visible; }

Customer's Info
Name	Madhusudan Somani
Mobile No.	8619123706
Email Id	madhusudan.croblaze@gmail.com

S.No	Product Name	Unit	Price	Quantity	Sub-Total
01.	Potato 3737	1Kg-Rs.26	Rs.26	01	Rs.26
02.	Potato 3737	1Kg-Rs.26	Rs.26	01	Rs.26
03.	Potato 3737	1Kg-Rs.26	Rs.26	01	Rs.26
01.	Potato 3737	1Kg-Rs.26	Rs.26	01	Rs.26
04.	Potato 3737	1Kg-Rs.26	Rs.26	01	Rs.26
05.	Potato 3737	1Kg-Rs.26	Rs.26	01	Rs.26
06.	Potato 3737	1Kg-Rs.26	Rs.26	01	Rs.26

How can I achieve this?

html table address,html - I want order information table just below the address table - Stack Overfl...