Html 无法在不同位置对齐div和其他内部标签

我正在创建我的第一个html页面，并尝试对div和标签进行一些对齐。 即使花了几个小时尝试不同的组合，标签和输入似乎也不合适。有些属性不起作用，比如我使用了宽度作为标签，在chrome中它表示未知属性

下面是代码。在此方面的任何帮助都将不胜感激

---

html/css部分的预览：

div.btn-toolbar{
位置：相对位置；
顶部：100px；
左：40%；
宽度：400px；
}
部门报价-详细信息{
位置：相对位置；
顶部：122px；
左：250px；
字体大小：粗体；
字体大小：15px；
}
分区报价-详图-剖面图-左侧{
浮动：左；
边缘顶部：145px；
左边距：100px；
宽度：35%；
}
input.quote-input{
填充：4px；
}
label.field-label{
浮动：左；
字体大小：粗体；
显示：内联块；
左边距：40px；
宽度：50px；
明确：两者皆有；
}
分项报价-详图-剖面图-右侧{
浮动：对；
边缘顶部：145px；
右边距：80px；
宽度：35%；
}

报价详情
编辑
删除
PDF创建
电子邮件报价
开始同步
报价编号
引用名称
机会名称
帐户名
到期日期
同步
地位
描述

你到底想做什么？你希望它看起来像什么？apex:page标签做什么？这是什么框架？此外，您还存在错误：不应介于和之间；标签中的属性的一些

不指向现有输入；其中一个width属性中有一个双冒号，可能导致了您在Chrome中看到的错误。