尝试在Netsuite（HTML/CSS）中对齐并使其成为在线表单

我一直在尝试设计一个在线表单，让我们的客户上传他们的处方。我已经在Dreamweaver中创建了下面的内容，我不是一个程序员，你会在下面看到，但我已经尽了最大的努力来实现这一点，并且可能添加了太多需要的东西。lol。我只是遵循了一些在线教程，可能在某个地方搞砸了

如果在底部运行链接，您将看到它未对齐（顶部为“请输入详细信息文本和表单字段”）。我已经尝试了很多次填充，当然没有效果）

我希望你能帮忙。（如果我把这个贴错了，我道歉）

表格{
字体系列：Arial、Helvetica、无衬线字体；
字体大小：12px；
颜色：#000000；
}
托普纳夫先生{
浮动：左；
文本对齐：左对齐；
左侧填充：200px；
右边填充：200px；
文字装饰：无；
}
.菲尔德{
浮动：左；
左侧填充：200px；
右边填充：200px；
文本对齐：左文本装饰：无；
}
* {
框大小：边框框；
}
#柱形容器{
宽度：837px；
保证金：0自动；
}

(800) 965-7496
周一至周五，
上午9点至晚上9点（东部时间）








请填写以下详情：

基于您的

HTML

我添加了最低数量的

CSS

，以使此响应并与您的输入保持一致。此外，还添加了

CSS

，以允许您控制每个元素的样式。我仍然建议找到一种方法将框架（这是我最喜欢的）添加到NetSuite页面。这很可能就足够了，但不会像流行的框架那样随着新屏幕和设备的发展而不断更新

无论如何，让我知道你是怎么做的，如果你有任何问题，尽管问

html，
身体{
身高：100%；
宽度：100%；
保证金：0；
填充：0；
左：0；
排名：0；
字体大小：100%；
背景#f9fafb；
}
/*字体样式*/
* {
字体系列：Arial、Helvetica、无衬线字体；
颜色：#193652；
线高：1.5；
}
氢{
字号：2rem；
}
/*网格*/
.集装箱{
宽度：90%；
左边距：自动；
右边距：自动；
}
.行{
位置：相对位置；
宽度：100%；
}
.row[class^=“col”]{
浮动：左；
保证金：0.5雷姆2%；
最小高度：0.125rem；
}
.col-1，
.col-2，
.col-3，
.col-4，
.col-5，
.col-6，
.col-7，
.col-8，
.col-9，
.col-10，
col-11，
上校12{
宽度：96%；
}
.col-1-sm{
宽度：4.33%；
}
.col-2-sm{
宽度：12.66%；
}
.col-3-sm{
宽度：21%；
}
.col-4-sm{
宽度：29.33%；
}
.col-5-sm{
宽度：37.66%；
}
.col-6-sm{
宽度：46%；
}
.col-7-sm{
宽度：54.33%；
}
.col-8-sm{
宽度：62.66%；
}
.col-9-sm{
宽度：71%；
}
.col-10-sm{
宽度：79.33%；
}
.col-11-sm{
宽度：87.66%；
}
.col-12-sm{
宽度：96%；
}
.行：：之后{
内容：“；
显示：表格；
明确：两者皆有；
}
.隐藏sm{
显示：无；
}
.向右拉{
浮动：对；
}
@仅介质屏幕和（最小宽度：33.75em）{
/*540px*/
.集装箱{
宽度：90%；
}
}
@仅介质屏幕和（最小宽度：45em）{
/*720px*/
.col-1{
宽度：4.33%；
}
.col-2{
宽度：12.66%；
}
上校3{
宽度：21%；
}
.col-4{
宽度：29.33%；
}
上校5{
宽度：37.66%；
}
.col-6{
宽度：46%；
}
上校7{
宽度：54.33%；
}
.col-8{
宽度：62.66%；
}
.col-9{
宽度：71%；
}
上校10{
宽度：79.33%；
}
上校11{
宽度：87.66%；
}
上校12{
宽度：96%；
}
.隐藏sm{
显示：块；
}
.隐藏lg{
显示：无；
}
.页脚文本{
文本对齐：左！重要；
填充：13px0；
}
输入[type=“submit”]{
浮子：对！很重要；
宽度：200px！重要；
}
}
@仅介质屏幕和（最小宽度：60em）{
/*960px*/
.集装箱{
宽度：100%；
最大宽度：60雷姆；
}
}
/*标题*/
标题{
宽度：100%；
填充：10px0；
边框底部：1px实心#d9e3ed；
背景：#fff；
}
秒图像{
文本对齐：居中；
}
.sec图像img{
高度：45像素
}
保险商实验室{
列表样式：无；
浮动：对；
保证金：0；
}
李{
显示器：flex；
}
李。电话{
字号：21px；
字体大小：粗体；
颜色：#536f86；
高度：35px；
}
电话：以前{
内容：网址(http://themedicalsupplydepot.com/email/telephone.jpg);
显示：内联块；
右边距：10px；
}
李。小时{
字体大小：12px；
字体大小：粗体；
颜色：#333；
高度：35px；
}
时间：之前{
内容：网址(http://themedicalsupplydepot.com/email/clock.jpg);
显示：内联块；
右边距：10px；
}
li.email{
字体大小：11px；
字体大小：粗体；
高度：29px；
线高：2.7；
}
电子邮件：以前{
内容：网址(http://themedicalsupplydepot.com/email/contact.jpg);
显示：内联块；
右边距：10px；
}
/*页脚*/
页脚{
宽度：100%；
填充：1em 0；
边框顶部：1px实心#d9e3ed；
背景：#fff；
边缘顶部：50px；
}
.页脚文本{
文本对齐：居中；
填充：13px0；
}
.页脚图像{
文本对齐：居中；
}
.页脚图像img{
高度：45px；
垂直对齐：中间对齐；
}
/*形式*/
标签{
字号：700；
颜色：#536f86；
}
输入[type=“text”]，
输入[type=“email”]，
输入[type=“number”]{
边框：1px实心#d9e3ed；
填充：0 10px；